字体、字号设置完毕

app/app.vue

@@ -6,6 +6,25 @@ const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSe
   server: false
 })
 
+// 获取主题系统
+const { selectedTheme, selectedFont, selectedFontSize } = useTheme()
+
+// 计算根元素的 CSS 类
+const rootClasses = computed(() => {
+  const classes = []
+  
+  // 添加主题类
+  classes.push(`theme-${selectedTheme.value}`)
+  
+  // 添加字体类
+  classes.push(`font-${selectedFont.value}`)
+  
+  // 移除字号类，让它在具体组件中处理
+  // classes.push(`text-${selectedFontSize.value}`)
+  
+  return classes.join(' ')
+})
+
 useHead({
   meta: [
     { name: 'viewport', content: 'width=device-width, initial-scale=1' }
@@ -14,7 +33,8 @@ useHead({
     { rel: 'icon', href: '/favicon.ico' }
   ],
   htmlAttrs: {
-    lang: 'en'
+    lang: 'en',
+    class: rootClasses
   }
 })
 
@@ -31,16 +51,12 @@ provide('navigation', navigation)
   <UApp>
     <NuxtLoadingIndicator />
 
-
-
     <UMain>
       <NuxtLayout>
         <NuxtPage />
       </NuxtLayout>
     </UMain>
 
-
-
     <ClientOnly>
       <LazyUContentSearch
         :files="files"
@@ -50,3 +66,4 @@ provide('navigation', navigation)
     </ClientOnly>
   </UApp>
 </template>
+