From c99d3bc34052447937f50677e8c66a37da104361 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 25 Jan 2023 12:25:43 +1000
Subject: [PATCH] inner slot available always, check slots exist before
 rendering

---
 resources/js/components/SMContainer.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/SMContainer.vue b/resources/js/components/SMContainer.vue
index 21ad0b0..b4c8899 100644
--- a/resources/js/components/SMContainer.vue
+++ b/resources/js/components/SMContainer.vue
@@ -8,8 +8,13 @@
             <d-error-not-found v-if="pageError == 404 && hasPermission()"
                 >XX</d-error-not-found
             >
-            <slot v-if="pageError < 300 && hasPermission()"></slot>
-            <div v-if="isFull" class="container-inner">
+            <slot
+                v-if="
+                    pageError < 300 && hasPermission() && slots.default
+                "></slot>
+            <div
+                v-if="pageError < 300 && hasPermission() && slots.inner"
+                class="container-inner">
                 <slot name="inner"></slot>
             </div>
         </SMLoader>
@@ -22,7 +27,7 @@ import DErrorForbidden from "./errors/Forbidden.vue";
 import DErrorInternal from "./errors/Internal.vue";
 import DErrorNotFound from "./errors/NotFound.vue";
 import { useUserStore } from "../store/UserStore";
-import { computed } from "vue";
+import { computed, useSlots } from "vue";
 
 const props = defineProps({
     pageError: {
@@ -46,6 +51,7 @@ const props = defineProps({
         required: false,
     },
 });
+const slots = useSlots();
 const userStore = useUserStore();
 
 const hasPermission = () => {