feat: initialize Vue application with main components and styles

- Added App.vue as the main application component with a structured layout.
- Created main.js to bootstrap the Vue application and mount it to the DOM.
- Introduced styles.css for global styling, including responsive design and theming.
- Removed outdated HTML files (stats.html, towns.html) and Python script (statsprocess.py) as part of the migration to a new Vue-based architecture.
- Added Vite configuration (vite.config.js) for building the Vue application.
This commit is contained in:
zhangyuheng
2026-03-18 10:07:03 +08:00
parent 3c65860619
commit 124b545ee2
51 changed files with 1671 additions and 14130 deletions

26
src/App.vue Normal file
View File

@@ -0,0 +1,26 @@
<template>
<main class="app-shell">
<section class="hero-card">
<p class="eyebrow">Vue Migration Workspace</p>
<h1>白鹿原官网 Vue 重构基座已就绪</h1>
<p class="intro">
这里是新的 Vue 入口旧版静态站仍保留在 old-html-ver 目录中已迁入的新工作流会从 public 目录提供数据与静态资源
</p>
</section>
<section class="status-grid">
<article>
<h2>public 资源</h2>
<p>旧站数据文件统计 JSON SEO 静态文件会从这里进入 Vite 构建产物</p>
</article>
<article>
<h2>scripts 任务</h2>
<p>玩家统计脚本已迁到根目录工作流可在构建前更新 public/stats</p>
</article>
<article>
<h2>下一步</h2>
<p>后续可以在 src 下逐页重建组件路由和布局而不需要再改项目基础设施</p>
</article>
</section>
</main>
</template>