mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 23:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(style): dark mode

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-04 01:52:59 +02:00
parent e8594de7b4
commit 3e92b7f1e0
No known key found for this signature in database
GPG key ID: DBD997E935996158
3 changed files with 25 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App.vue
View file

@ -5,16 +5,21 @@ import { computed } from 'vue';
import { useRoute } from 'vue-router'
import {
darkTheme,
NConfigProvider,
NGlobalStyle,
} from 'naive-ui'
import { useStyleStore } from './stores/style.store';
const route = useRoute();
const layout = computed(() => route?.meta?.layout ?? layouts.base)
const styleStore = useStyleStore()
const theme = computed(() => styleStore.isDarkTheme ? darkTheme : null)
</script>
<template>
<n-config-provider>
<n-config-provider :theme="theme">
<n-global-style />
<n-message-provider placement="bottom">
<component :is="layout">