Initial commit: OneOS frontend based on yudao-ui-admin-vben

apps/web-tdesign/src/app.vue

@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import type { GlobalConfigProvider } from 'tdesign-vue-next';
+
+import { watch } from 'vue';
+
+import { usePreferences } from '@vben/preferences';
+
+import { merge } from 'es-toolkit/compat';
+import { ConfigProvider } from 'tdesign-vue-next';
+import zhConfig from 'tdesign-vue-next/es/locale/zh_CN';
+
+defineOptions({ name: 'App' });
+const { isDark } = usePreferences();
+
+watch(
+  () => isDark.value,
+  (dark) => {
+    document.documentElement.setAttribute('theme-mode', dark ? 'dark' : '');
+  },
+  { immediate: true },
+);
+
+const customConfig: GlobalConfigProvider = {
+  // 可以在此处定义更多自定义配置，具体可配置内容参看 API 文档
+  calendar: {},
+  table: {},
+  pagination: {},
+};
+const globalConfig = merge(zhConfig, customConfig);
+</script>
+
+<template>
+  <ConfigProvider :global-config="globalConfig">
+    <RouterView />
+  </ConfigProvider>
+</template>