diff options
Diffstat (limited to 'src/components/MenuLayout.vue')
-rw-r--r-- | src/components/MenuLayout.vue | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/components/MenuLayout.vue b/src/components/MenuLayout.vue index 177de2b..5659cbd 100644 --- a/src/components/MenuLayout.vue +++ b/src/components/MenuLayout.vue @@ -1,3 +1,12 @@ +<script setup lang="ts"> +import { computed, toRefs } from 'vue'; +import { useStyleStore } from '@/stores/style.store'; + +const styleStore = useStyleStore(); +const { isMenuCollapsed, isSmallScreen } = toRefs(styleStore); +const siderPosition = computed(() => (isSmallScreen.value ? 'absolute' : 'static')); +</script> + <template> <n-layout has-sider> <n-layout-sider @@ -19,15 +28,6 @@ </n-layout> </template> -<script setup lang="ts"> -import { useStyleStore } from '@/stores/style.store'; -import { toRefs, computed } from 'vue'; - -const styleStore = useStyleStore(); -const { isMenuCollapsed, isSmallScreen } = toRefs(styleStore); -const siderPosition = computed(() => (isSmallScreen.value ? 'absolute' : 'static')); -</script> - <style lang="less" scoped> .overlay { position: absolute; |