fix(desk): local-storage state state

Author: zzhenryquezz

packages/desktop/composables/state.ts

@@ -29,9 +29,13 @@ function setLocalStorage(key: string, payload: any) {
     localStorage.setItem(key, value)
 }
 
-function getLocalStorage<T = any>(key: string) {
+function getLocalStorage<T = any>(key: string, defaultValue?: any) {
     let value: any = localStorage.getItem(key)
 
+    if (value === null) {
+        return defaultValue
+    }
+
     if (['true', 'false'].includes(value)) {
         value = value === 'true'
     }
@@ -45,7 +49,7 @@ function getLocalStorage<T = any>(key: string) {
 
 export function useState<T = any>(key: string, defaultValue?: T, options?: Options) {
     if (options?.localStorage && !states.value.has(key)) {
-        states.value.set(key, getLocalStorage(key) || defaultValue)
+        states.value.set(key, getLocalStorage(key, defaultValue))
     }
 
     if (!states.value.has(key)) {

packages/desktop/modules/layout/components/LDrawer.vue

@@ -1,17 +1,15 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import { useState } from '@/composables/state'
 import { useStore as useMenu } from '@/modules/menu/store'
 import { useStore as useWorkspace } from '@/modules/workspace/store'
 
 import LDrawerItem from './LDrawerItem.vue'
 import { useI18n } from 'vue-i18n'
 import Menu from '@core/entities/menu'
+import { useToggleDrawer } from '../composables/drawer'
 
-const drawer = useState('app:drawer', true, {
-    localStorage: true,
-})
+const drawer = useToggleDrawer()
 
 // menu
 const tm = useI18n()