init

src/store/modules/app.ts

@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+
+export type DeviceType = 'desktop' | 'mobile'
+
+export const useAppStore = defineStore(
+  'app',
+  () => {
+    const sidebarCollapsed = ref(false)
+    const device = ref<DeviceType>('desktop')
+
+    function toggleSidebar(collapsed?: boolean) {
+      sidebarCollapsed.value = collapsed ?? !sidebarCollapsed.value
+    }
+
+    function setDevice(value: DeviceType) {
+      device.value = value
+    }
+
+    return { sidebarCollapsed, device, toggleSidebar, setDevice }
+  },
+  {
+    persist: { paths: ['sidebarCollapsed'] },
+  },
+)