aboutsummaryrefslogtreecommitdiff
path: root/src/components/MenuLayout.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/MenuLayout.vue')
-rw-r--r--src/components/MenuLayout.vue18
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;