STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

inner slot available always, check slots exist before rendering

Browse Source
This commit is contained in:
James Collins
2023-01-25 12:25:43 +10:00
parent 71a47f2f84
commit c99d3bc340
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/components/SMContainer.vue
View File

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