feat: add sliding verification to the login form (#4461)

apps/web-naive/src/adapter/index.ts

@@ -1 +1,2 @@
 export * from './form';
+export * from './naive';

apps/web-naive/src/adapter/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,
+    },
+  );