SolarNetwork/FloatingIsland
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

♻️ Refactored some components to new UI

Browse Source
This commit is contained in:
LittleSheep
2025-11-27 21:52:51 +08:00
parent 8af7037b24
commit 040e19025e
19 changed files with 404 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/app.vue
View File

@@ -1,22 +1,38 @@
<template>
<naive-config>
<n-config-provider>
<n-dialog-provider>
<n-notification-provider>
<n-message-provider>
<n-loading-bar-provider>
<nuxt-loading-indicator :color="colorMode.value == 'dark' ? 'white' : '#3f51b5'" />
<nuxt-layout>
<nuxt-page />
</nuxt-layout>
</n-loading-bar-provider>
</n-message-provider>
</n-notification-provider>
</n-dialog-provider>
</n-config-provider>
<n-dialog-provider>
<n-notification-provider>
<n-message-provider>
<n-loading-bar-provider>
<nuxt-loading-indicator />
<nuxt-layout>
<nuxt-page />
</nuxt-layout>
</n-loading-bar-provider>
</n-message-provider>
</n-notification-provider>
</n-dialog-provider>
</naive-config>
</template>
<script setup lang="ts">
const colorMode = useColorMode()
import "@fontsource-variable/nunito"
import { usePreferredColorScheme } from "@vueuse/core"
const { colorModePreference } = useNaiveColorMode()
const colorScheme = usePreferredColorScheme()
colorModePreference.set("system")
onMounted(() => {
switch (colorScheme.value) {
case "dark":
colorModePreference.set("dark")
case "light":
colorModePreference.set("light")
default:
colorModePreference.set("system")
}
colorModePreference.sync()
})
</script>