feat: add naive app

apps/web-naive/src/naive.ts

@@ -0,0 +1,25 @@
+import { computed } from 'vue';
+
+import { preferences } from '@vben/preferences';
+import '@vben/styles';
+
+import { createDiscreteApi, darkTheme, lightTheme } from 'naive-ui';
+
+const themeOverridesProviderProps = computed(() => ({
+  themeOverrides: preferences.theme.mode === 'light' ? lightTheme : darkTheme,
+}));
+
+const themeProviderProps = computed(() => ({
+  theme: preferences.theme.mode === 'light' ? lightTheme : darkTheme,
+}));
+
+export const { dialog, loadingBar, message, modal, notification } =
+  createDiscreteApi(
+    ['message', 'dialog', 'notification', 'loadingBar', 'modal'],
+    {
+      configProviderProps: themeProviderProps,
+      loadingBarProviderProps: themeOverridesProviderProps,
+      messageProviderProps: themeOverridesProviderProps,
+      notificationProviderProps: themeOverridesProviderProps,
+    },
+  );