naive-ui/demo/SiteRoot.vue
2024-07-12 02:19:13 +08:00

47 lines
1.1 KiB
Vue

<script lang="ts">
import { defineComponent } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { initRouter, siteSetup } from './store'
import Site from './Site.vue'
export default defineComponent({
name: 'SiteProvider',
components: {
Site
},
setup() {
initRouter(useRouter(), useRoute())
return siteSetup()
}
})
</script>
<template>
<component
:is="configProvider"
class="demo"
namespace="naive-ui-doc"
preflight-style-disabled
:theme-name="themeName"
:theme="theme"
:locale="locale"
:date-locale="dateLocale"
:hljs="hljs"
>
<n-theme-editor :style="themeEditorStyle">
<n-loading-bar-provider>
<n-message-provider>
<n-notification-provider>
<n-modal-provider>
<n-dialog-provider>
<Site />
</n-dialog-provider>
</n-modal-provider>
</n-notification-provider>
</n-message-provider>
</n-loading-bar-provider>
<n-global-style />
</n-theme-editor>
</component>
</template>