first commit
This commit is contained in:
30
resources/js/layouts/default.vue
Normal file
30
resources/js/layouts/default.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<script setup>
|
||||
import { useConfigStore } from '@core/stores/config'
|
||||
import { AppContentLayoutNav } from '@layouts/enums'
|
||||
import { switchToVerticalNavOnLtOverlayNavBreakpoint } from '@layouts/utils'
|
||||
|
||||
const DefaultLayoutWithHorizontalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithHorizontalNav.vue'))
|
||||
const DefaultLayoutWithVerticalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithVerticalNav.vue'))
|
||||
const configStore = useConfigStore()
|
||||
|
||||
// ℹ️ This will switch to vertical nav when define breakpoint is reached when in horizontal nav layout
|
||||
|
||||
// Remove below composable usage if you are not using horizontal nav layout in your app
|
||||
switchToVerticalNavOnLtOverlayNavBreakpoint()
|
||||
|
||||
const { layoutAttrs, injectSkinClasses } = useSkins()
|
||||
|
||||
injectSkinClasses()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Component
|
||||
v-bind="layoutAttrs"
|
||||
:is="configStore.appContentLayoutNav === AppContentLayoutNav.Vertical ? DefaultLayoutWithVerticalNav : DefaultLayoutWithHorizontalNav"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
// As we are using `layouts` plugin we need its styles to be imported
|
||||
@use "@layouts/styles/default-layout";
|
||||
</style>
|
Reference in New Issue
Block a user