创建项目

Web/src/app.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="app">
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 项目根入口文件
+// Nuxt4会自动注入，无需手动配置
+// 全局样式已移至 src/assets/css/style.css 并在 nuxt.config.ts 中全局引用
+
+// 可以在这里进行全局初始化
+const appStore = useAppStore()
+
+// 初始化应用配置
+onMounted(() => {
+  // 初始化屏幕尺寸
+  if (typeof window !== 'undefined') {
+    appStore.updateScreenSize(window.innerWidth, window.innerHeight)
+
+    // 监听屏幕尺寸变化
+    window.addEventListener('resize', () => {
+      appStore.updateScreenSize(window.innerWidth, window.innerHeight)
+    })
+
+    // 监听网络状态变化
+    window.addEventListener('online', () => {
+      appStore.setOnlineStatus(true)
+    })
+    window.addEventListener('offline', () => {
+      appStore.setOnlineStatus(false)
+    })
+  }
+})
+</script>
+
+<style>
+/* 页面级样式可以在这里定义 */
+/* 全局样式已移至 src/assets/css/style.css */
+</style>