feat(package): 新增一些案例;但是 tailwindcss 仅在子项目生效
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
<script setup lang="ts">
|
||||
import { zhCN, dateZhCN } from 'naive-ui';
|
||||
import { omit } from 'naive-ui/es/_utils';
|
||||
import { useAttrs } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useLocalConfigStore } from '../../stores/useLocalConfigStore';
|
||||
|
||||
import { LayoutProvider } from '../layouts';
|
||||
|
||||
const { naiveThemeProps } = storeToRefs(useLocalConfigStore());
|
||||
|
||||
defineOptions({
|
||||
inheritAttrs: false,
|
||||
});
|
||||
|
||||
const attrs = useAttrs();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-config-provider
|
||||
v-bind="omit(attrs, ['locale', 'date-locale', 'theme-overrides'])"
|
||||
:locale="zhCN"
|
||||
:date-locale="dateZhCN"
|
||||
:theme-overrides="naiveThemeProps"
|
||||
>
|
||||
<n-dialog-provider>
|
||||
<n-message-provider>
|
||||
<n-notification-provider>
|
||||
<n-loading-bar-provider>
|
||||
<layout-provider>
|
||||
<slot />
|
||||
</layout-provider>
|
||||
</n-loading-bar-provider>
|
||||
</n-notification-provider>
|
||||
</n-message-provider>
|
||||
</n-dialog-provider>
|
||||
</n-config-provider>
|
||||
</template>
|
||||
@@ -0,0 +1,3 @@
|
||||
import ConfigProvider from './ConfigProvider.vue';
|
||||
|
||||
export const AppConfigProvider = ConfigProvider;
|
||||
Reference in New Issue
Block a user