valaxy 0.7.5 → 0.7.6

package/client/App.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useHead } from '@vueuse/head'
-import { useCssVar } from '@vueuse/core'
 import { isDark } from './composables'
 
 // https://github.com/vueuse/head
@@ -27,11 +26,6 @@ useHead({
     },
   ],
 })
-
-const bgImg = useCssVar('--yun-bg-img')
-const bgImgUrl = computed(() => config.value.themeConfig.bg_image.url)
-if (bgImgUrl.value)
-  bgImg.value = config.value.themeConfig.bg_image.url
 </script>
 
 <template>

package/client/composables/index.ts

@@ -10,6 +10,7 @@ export * from './helper'
 export * from './dark'
 export * from './layout'
 export * from './widgets'
+export * from './locale'
 
 export * from './sidebar'
 

package/client/composables/locale.ts

@@ -0,0 +1,24 @@
+import { isClient, useStorage } from '@vueuse/core'
+import { useI18n } from 'vue-i18n'
+
+export const useLocale = () => {
+  const { availableLocales, locale } = useI18n()
+  const lang = useStorage('valaxy-locale', locale.value)
+
+  const toggleLocales = () => {
+    // change to some real logic
+    const locales = availableLocales
+
+    locale.value = locales[(locales.indexOf(locale.value) + 1) % locales.length]
+    // for localStorage
+    lang.value = locale.value
+
+    if (isClient)
+      document.documentElement.setAttribute('lang', locale.value)
+  }
+
+  return {
+    lang,
+    toggleLocales,
+  }
+}

package/client/index.ts

@@ -1,6 +1,8 @@
 export * from './config'
 
 export * from './composables'
+export * from './stores/app'
+
 export * from './utils'
 
 export * from './setups'

package/client.d.ts

@@ -0,0 +1,2 @@
+// avoid compiled in index.d.ts
+export * from './client'