.env.development

@@ -1,7 +1,4 @@
-# Custom Environment Variables (Must be named with VITE_ prefix)
+# 自定义的环境变量（命名必须以 VITE_ 开头）
 
-VITE_API_UPLOADS_URL = `http://127.0.0.1:10007/uploads`
-VITE_API_BASE_URL = `http://127.0.0.1:10007/api`
-
-## Router Mode, hash or html5
-VITE_ROUTER_HISTORY = 'html5'
+## 开发环境地址前缀（一般 '/'，'./' 都可以）TODO:
+VITE_API_BASE_URL = `http://127.0.0.1:10007`

.env.production

@@ -0,0 +1,4 @@
+# 自定义的环境变量（命名必须以 VITE_ 开头）
+
+## 开发环境地址前缀（一般 '/'，'./' 都可以）TODO:
+VITE_API_BASE_URL = `http://127.0.0.1:10007`

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,28 +0,0 @@
----
-name: Bug Report
-about: Create a report to help us improve
-title: KUN Visual Novel Bug Report
-labels: bug, enhancement
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Additional context**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature Request
-about: Suggest an idea or enhancement
-title: KUN Visual Novel Feature Request
-labels: enhancement
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of the problem or need. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

.gitignore

@@ -10,10 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-static
-static-ssr
-kun
-kun-ssr
 *.local
 
 # Editor directories and files
@@ -27,6 +23,3 @@ kun-ssr
 
 # rollup-plugin-visualizer
 stats.html
-
-# .env.production
-.env.production

.vscode/settings.json

@@ -1,21 +1,12 @@
 {
   "cSpell.words": [
     "ACGNGAME",
-    "Ahahaha",
-    "Akai",
-    "Amayui",
     "arpa",
-    "Asuka",
-    "atrule",
     "axios",
     "azkhx",
     "bangumi",
     "Bilibili",
-    "Bishoujo",
-    "Chuudoku",
     "Codepen",
-    "commonmark",
-    "cooldown",
     "cout",
     "dompurify",
     "fontawesome",
@@ -23,103 +14,46 @@
     "Galgame",
     "Galworld",
     "gsap",
-    "Hana",
-    "Haruki",
-    "Hikari",
-    "Hitomi",
-    "Hokenshitsu",
     "iconify",
-    "indexdb",
     "INTLIFY",
-    "Irotoridori",
-    "Joshu",
-    "Karenai",
     "kfmax",
-    "Koori",
     "kungal",
     "kungalgame",
     "kungalgamer",
     "ldquo",
     "Licence",
-    "localforage",
     "loli",
     "majesticons",
-    "Mangekyou",
-    "Maniwa",
-    "Meister",
-    "Milkdown",
-    "Minato",
-    "mingcute",
-    "Mirai",
     "mockjs",
     "moemoe",
     "moemoepoint",
-    "moemoepoints",
-    "Murasame",
-    "Nanami",
-    "nawa",
-    "NEKOPARA",
     "non-moe",
-    "nord",
-    "nprogress",
     "okaidia",
-    "Otome",
-    "Owaru",
     "persistedstate",
     "Pinia",
     "prismjs",
-    "prosemirror",
     "rdquo",
-    "Roka",
-    "Sahou",
-    "Sakura",
-    "scrollbars",
-    "Sekai",
-    "Senren",
-    "Sensei",
-    "Shabondama",
-    "Shiki",
     "shinnku",
-    "Shugaten",
     "signin",
     "sina",
-    "SMEE",
-    "Somnium",
-    "Sugarfull",
-    "tachi",
     "tada",
     "tdesign",
     "templating",
     "tencent",
-    "Tomotake",
-    "Tsubasa",
-    "Tsuki",
-    "Tsumugi",
     "twotone",
     "unplugin",
     "unref",
     "upid",
-    "upvoted",
     "Upvotes",
-    "upvoting",
-    "Utsuru",
     "VARCHAR",
     "Vite",
     "VNDB",
     "vueup",
-    "waifu",
-    "Wataridori",
     "weixin",
-    "Wenders",
     "ymgal",
-    "Yorisou",
-    "Yoshino",
     "Yuki",
-    "Yukino",
-    "yurzhang",
     "Yuuki",
-    "yuyu",
-    "zako"
+    "yuyu"
   ],
   "i18n-ally.localesPaths": ["src/language"],
   "vue.codeActions.enabled": false

LICENSE

@@ -1,5 +1,5 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
-                       Version 3, 19 November 2007
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
 
  Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
  Everyone is permitted to copy and distribute verbatim copies
@@ -7,15 +7,17 @@
 
                             Preamble
 
-  The GNU Affero General Public License is a free, copyleft license for
-software and other kinds of works, specifically designed to ensure
-cooperation with the community in the case of network server software.
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
 
   The licenses for most software and other practical works are designed
 to take away your freedom to share and change the works.  By contrast,
-our General Public Licenses are intended to guarantee your freedom to
+the GNU General Public License is intended to guarantee your freedom to
 share and change all versions of a program--to make sure it remains free
-software for all its users.
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
 
   When we speak of free software, we are referring to freedom, not
 price.  Our General Public Licenses are designed to make sure that you
@@ -24,34 +26,44 @@ them if you wish), that you receive source code or can get it if you
 want it, that you can change the software or use pieces of it in new
 free programs, and that you know you can do these things.
 
-  Developers that use our General Public Licenses protect your rights
-with two steps: (1) assert copyright on the software, and (2) offer
-you this License which gives you legal permission to copy, distribute
-and/or modify the software.
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
 
-  A secondary benefit of defending all users' freedom is that
-improvements made in alternate versions of the program, if they
-receive widespread use, become available for other developers to
-incorporate.  Many developers of free software are heartened and
-encouraged by the resulting cooperation.  However, in the case of
-software used on network servers, this result may fail to come about.
-The GNU General Public License permits making a modified version and
-letting the public access it on a server without ever releasing its
-source code to the public.
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
 
-  The GNU Affero General Public License is designed specifically to
-ensure that, in such cases, the modified source code becomes available
-to the community.  It requires the operator of a network server to
-provide the source code of the modified version running there to the
-users of that server.  Therefore, public use of a modified version, on
-a publicly accessible server, gives the public access to the source
-code of the modified version.
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
 
-  An older license, called the Affero General Public License and
-published by Affero, was designed to accomplish similar goals.  This is
-a different license, not a version of the Affero GPL, but Affero has
-released a new version of the Affero GPL which permits relicensing under
-this license.
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
 
   The precise terms and conditions for copying, distribution and
 modification follow.
@@ -60,7 +72,7 @@ modification follow.
 
   0. Definitions.
 
-  "This License" refers to version 3 of the GNU Affero General Public License.
+  "This License" refers to version 3 of the GNU General Public License.
 
   "Copyright" also means copyright-like laws that apply to other kinds of
 works, such as semiconductor masks.
@@ -537,45 +549,35 @@ to collect a royalty for further conveying from those to whom you convey
 the Program, the only way you could satisfy both those terms and this
 License would be to refrain entirely from conveying the Program.
 
-  13. Remote Network Interaction; Use with the GNU General Public License.
-
-  Notwithstanding any other provision of this License, if you modify the
-Program, your modified version must prominently offer all users
-interacting with it remotely through a computer network (if your version
-supports such interaction) an opportunity to receive the Corresponding
-Source of your version by providing access to the Corresponding Source
-from a network server at no charge, through some standard or customary
-means of facilitating copying of software.  This Corresponding Source
-shall include the Corresponding Source for any work covered by version 3
-of the GNU General Public License that is incorporated pursuant to the
-following paragraph.
+  13. Use with the GNU Affero General Public License.
 
   Notwithstanding any other provision of this License, you have
 permission to link or combine any covered work with a work licensed
-under version 3 of the GNU General Public License into a single
+under version 3 of the GNU Affero General Public License into a single
 combined work, and to convey the resulting work.  The terms of this
 License will continue to apply to the part which is the covered work,
-but the work with which it is combined will remain governed by version
-3 of the GNU General Public License.
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
 
   14. Revised Versions of this License.
 
   The Free Software Foundation may publish revised and/or new versions of
-the GNU Affero General Public License from time to time.  Such new versions
-will be similar in spirit to the present version, but may differ in detail to
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
 address new problems or concerns.
 
   Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU Affero General
+Program specifies that a certain numbered version of the GNU General
 Public License "or any later version" applies to it, you have the
 option of following the terms and conditions either of that numbered
 version or of any later version published by the Free Software
 Foundation.  If the Program does not specify a version number of the
-GNU Affero General Public License, you may choose any version ever published
+GNU General Public License, you may choose any version ever published
 by the Free Software Foundation.
 
   If the Program specifies that a proxy can decide which future
-versions of the GNU Affero General Public License can be used, that proxy's
+versions of the GNU General Public License can be used, that proxy's
 public statement of acceptance of a version permanently authorizes you
 to choose that version for the Program.
 
@@ -633,29 +635,40 @@ the "copyright" line and a pointer to where the full notice is found.
     Copyright (C) <year>  <name of author>
 
     This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU Affero General Public License as published
-    by the Free Software Foundation, either version 3 of the License, or
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
     (at your option) any later version.
 
     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU Affero General Public License for more details.
+    GNU General Public License for more details.
 
-    You should have received a copy of the GNU Affero General Public License
+    You should have received a copy of the GNU General Public License
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 Also add information on how to contact you by electronic and paper mail.
 
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
 
   You should also get your employer (if you work as a programmer) or school,
 if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
+For more information on this, and how to apply and follow the GNU GPL, see
 <https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.

README.md

@@ -1,118 +1,117 @@
-![Logo](https://github.com/KUN1007/kun-galgame-vue/blob/unfixed-loli/src/assets/images/favicon.png)
-
-The image is sourced from the game [Ark Order](https://apps.qoo-app.com/en/app/9593), featuring the character '鲲' (Kun).
-
 # kun-galgame-vue
 
-## Introduction
+.
 
-This is the frontend for KUN Visual Novel forum, and it is the first version. We have developed it using the `vue` framework.
-
-The purpose of creating KUN Visual Novel is to:
-
-- Promote genuinely good games so that everyone can access visual data through platforms like VNDB, avoiding the influence of "experts."
-- Distance ourselves from the culture of praising one moment and condemning the next in the modern internet, promoting critique as a virtue, among other things.
-- Encourage anyone to learn basic computer skills to avoid "superficial experts."
-- Construct a forum primarily driven by individual user enjoyment to resist the formation of social hierarchies.
-- Many current websites use templates, resulting in a lack of diversity, causing aesthetic fatigue.
-- And much more.
-
-We believe that "what truly makes a good game is something that makes you feel happy and genuinely laugh."
-
-**The backend project for the first version is [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa).**
-
-## Mission Statement
-
-- The world's cutest galgame forum.
-- Our mission is to create the best possible atmosphere.
-- We will never have advertisements.
-- We will never charge users.
-
-## Technical Support
-
-- Compatible with all modern browsers on both mobile and desktop.
-- Responsive design for screens of any size.
-- Developed entirely using `Vue3` Composition API and fully supports `Typescript`. The coding style follows the best practices recommended on the [Vue official website](https://vuejs.org/).
-
-## Features
-
-### Global Website Settings
-
-- `I18n` internationalization.
-- Custom background images.
-- Day/Night mode.
-- Font selection for the entire site.
-- Adjust website page width.
-
-### Note
-
-- The website refreshes the `token` every 60 minutes, causing a brief white screen. This is done for security reasons.
-- The website uses [`vue-quill`](https://github.com/vueup/vue-quill) as the rich text editor. However, this editor employs outdated [API](https://github.com/vueup/vue-quill/issues/409), which may generate console warnings when the editor appears. This is due to the editor's design and is not an error in the website's code. We plan to develop our own rich text editor in the future.
-- If you encounter any errors on the website or have suggestions, please [contact us](https://github.com/KUN1007/kun-galgame-vue#contact-us).
-
-To view all the features of the website, please [click here](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/en/feat.md).
-
-To explore all the page functionalities, please [click here](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/en/pages.md).
-
-## Project Introduction
-
-### Overview
-
-This is a **reconstructed version** of [`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css). It is developed using `Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia` as the frontend technology stack. It does not rely on any UI frameworks, as this project aims to stand out without UI frameworks. The world is already full of sameness, and we want to bring something different. The project does not integrate `ESLint`, `Prettier`, and similar tools because they can be troublesome, and we love to take it easy. We plan to integrate the necessary project configurations when the first version of the project goes live.
-
-### Preview
-
-##### The repository for the pure HTML + CSS project can be found [here](https://github.com/KUN1007/kungalgame-pure-css).
-
-However, during the reconstruction, we added substantial content and switched from `fontawesome` to `iconify` for icons. This may result in a different appearance. Here, we provide a preview of the homepage:
-
-#### Web Browsers
-
-![Light Mode](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/preview.png)
-
-![Dark Mode](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/preview-dark.png)
-
-#### Mobile Browsers
-
-![Light Mode](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/mobile-preview.png)
-
-![Dark Mode](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/mobile-preview-dark.png)
-
-### Getting Started
-
-- Clone the repository: `git clone https://github.com/KUN1007/kun-galgame-vue`
-- Navigate to the project directory: `cd kun-galgame-vue`
-- Install dependencies: `pnpm i`
-- Start the development server: `vite dev`
-
-## Important Notes
-
-The upcoming release is only the first version. We had planned the content for versions 2 and 3 from the project's initial design, including:
-
-- Analyzing data from websites such as [`VNDB`](https://vndb.org/), [`-エロゲー批評空間-`](https://erogamescape.dyndns.org/), [`bangumi`](https://bangumi.tv/), etc.
-- Streaming media publishing (uploading and releasing videos).
-- Creating a mobile app version.
-- And more. In short, we will do our best to implement anything you can think of.
-
-## Contact Us
-
-If you want to join our development or Galgame groups, you can connect with us through the following channels:
-
-- [Telegram Group](https://t.me/KUNForum)
-- Tencent QQ Group: 872839714
-
-The following two groups are Galgame groups for discussions and feedback:
-
-- [Telegram Group](https://t.me/kungalgame)
-- Tencent QQ Group: 871857690
+## 介绍
 
 
-## Translation
 
-[中文版](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/zh/README.md)
+这是 KUNGalgame 论坛的前端，这是第一个版本，我们使用 `vue` 框架编写，之后我们会使用 `svelte` 框架重构
 
-Special thanks to `yuyu` for the Chinese translation.
 
-## License
 
-This project follows the `GPL` open-source license.
+后端项目第一个版本的地址为 [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa)
+
+
+
+
+
+## 关于该网站
+
+
+
+KUNGalgame —— 世界上最萌的 Galgame 论坛！
+
+
+
+为营造最良好的 Galgame 讨论环境为目的进行努力！
+
+
+
+Tips: 网站目前正在建设中······
+
+## 运营理念
+
+- 世界上最萌的 galgame 论坛
+- 以营造最良好的氛围为理念
+- 永远不会有广告
+- 永远不会收费
+
+
+
+## 项目介绍
+
+.
+
+### 简介
+
+.
+
+这是[`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css) 的**重构版本**，使用 Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia 作为前端技术栈，不依赖任何 UI 框架，因为这个项目主打的就是非 UI 框架，世界都一样多没意思呀。由于我的 VScode 自带`ESLint`等必要插件，所以并未在项目中进行集成，预计在项目的第一个版本上线时会集成必要的环境类项目配置。
+
+.
+
+前端项目成型时在项目根目录有一个自带的微型`express`服务器可启动，存放于`server`文件夹，这并不是该项目的后端，只是一个类似于`mockjs`的数据模拟而已，我们的后端计划使用`Rust`编写
+
+.
+
+### 预览
+
+##### 原项目的地址为：[https://github.com/KUN1007/kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)
+
+但是我们在重构的时候增加了大量的内容，并且将图标由`fontawesome`改为了`iconify`，所以外观可能会不同，这里仅展示主页预览
+
+.
+#### Web 端浏览器
+![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview.png)
+![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview-dark.png)
+.
+
+#### 手机端浏览器
+![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview.png)
+![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview-dark.png)
+
+### 启动方法
+
+`git clone https://github.com/KUN1007/KUNGalGame-vue`
+
+`cd KUNGalGame-vue`
+
+#### 服务端
+
+`cd server `
+
+`pnpm i`
+
+`pnpm start`
+
+#### 前端
+
+`cd ..`
+
+`pnpm i`
+
+`vite dev`
+
+请注意，请先启动服务端，这样才有模拟的数据
+
+.
+
+## 注意事项
+
+将要发布的只是 V1 版本，我们在设计之初就已经规划好了 V2, V3 版本的内容，包括对 `VNDB` `批评空间` `bangumi` 等网站的数据进行分析，流媒体发布（上传发布视频），APP 版本等等。总之，只要您能想到的，我们都会尽力实现。
+
+.
+
+## 联系我们
+
+如果您想参与我们的开发，可以加入我们的开发群组
+
+ QQ：872839714
+ 
+Telegram：https://t.me/KUNForum
+
+## 开源声明
+
+本项目遵从`GPL`开源协议
+

docs/en/README.12062023.md

@@ -1,28 +0,0 @@
-# KUNGalgame Forum Vue Frontend Refactor
-
-The technology stack for this project is: Vite + Vue3 + Ts + Pinia + Scss, and it does not rely on any UI libraries.
-
-### Pure HTML/CSS version: [kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)
-
-PS: This project is currently overwhelming for me. If you have any good ideas, feel free to help out. The project's documentation can be found in ./src/assets/docs.
-
-The current issues are that there are too many problems to handle, and there is no reasonable starting point. For example:
-
-* There are no suitable backend data interfaces for me to use. I tried to set up a tiny data interface using Express, but it didn't serve any purpose for me.
-* I'm unsure how to layout this project. Because the project itself is relatively large, I can't even figure out how to structure it properly. For instance, I'm not sure if I need a ./src/layout.
-* I'm unsure how to integrate data. For example, I need to define the data for individual topics and users and then call them from anywhere in the project. I think this might be because I haven't learned Pinia well enough?
-* I'm unsure how to provide reasonable interfaces. I think this may be because my knowledge of Axios is not sufficient.
-* My components are nested too deeply. For instance, the Home component has 7 layers, which is obviously unreasonable. I need to find a reasonable solution.
-* I've come to realize that my knowledge of TypeScript/JavaScript is not sufficient (???).
-
-The biggest problem is that I don't know where to start because I'm not sure where to put basic data, such as in a store, and then how to call it. This is causing significant obstacles to my development because most of my pages require data, and without data flow, nothing is possible.
-
----
-
-06/05/2023
-Now I understand that my current project falls into the realm of the "big frontend." It involves knowledge of web architecture and requires learning many interactive technologies. I currently lack the knowledge of a "big frontend," so I'm temporarily shelving this project for now and will revisit it later.
-
-12/06/2023
-I've encountered another tricky problem, the issue of frontend-backend integration. I find that I can never figure out how to design the API properly. It seems that this indeed requires a good understanding of backend knowledge.
-
-In summary, the current state of this project is somewhat improved, but it's still a shell. I'll call it an advanced shell (HTML++?). It can only be considered a website once the interface and authentication-related work is completed.

docs/en/README.18062023.md

@@ -1,72 +0,0 @@
-# KUNGalgame Forum Vue Frontend Refactor
-
-As of June 18, 2023, two months, and over 200 commits, we have almost completed all the static pages. Next, we will be working on the backend of the website.
-
-## Introduction
-
-KUNGalgame - The cutest Galgame forum in the world!
-
-Striving to create the best environment for Galgame discussions!
-
-Tips: The website is currently under construction...
-
-## Operating Philosophy
-
-- The cutest Galgame forum in the world
-- Based on the idea of creating the best atmosphere
-- No advertisements, ever
-- No charges, ever
-
-## Project Introduction
-
-### Overview
-
-This is a **refactored version** of [`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css), using Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia as the frontend tech stack. It doesn't rely on any UI framework, as this project emphasizes a non-UI framework. As my VScode comes with necessary plugins like ESLint, I haven't integrated them into the project. I plan to integrate the required environment and project configurations in the first version of the project.
-
-When the frontend project is ready, there is a built-in mini `express` server in the project's root directory that can be started, located in the `server` folder. This is not the project's backend; it's just a data mock similar to `mockjs`. Our backend is planned to be written in `Rust`.
-
-### Preview
-
-##### The address of the original project is: [https://github.com/KUN1007/kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)
-
-However, during the refactoring, we added a lot of content and changed the icons from `fontawesome` to `iconify`, so the appearance may be different. Here, we are only showing a preview of the homepage.
-
-#### Web Browser
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/introduction/images/preview.png)
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/introduction/images/preview-dark.png)
-
-#### Mobile Browser
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/introduction/images/mobile-preview.png)
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/introduction/images/mobile-preview-dark.png)
-
-### How to Start
-
-`git clone https://github.com/KUN1007/KUNGalGame-vue`
-
-`cd KUNGalGame-vue`
-
-#### Server
-
-`cd server`
-
-`pnpm i`
-
-`pnpm start`
-
-#### Frontend
-
-`cd ..`
-
-`pnpm i`
-
-`vite dev`
-
-Please note, start the server first to have simulated data.
-
-## Important Notes
-
-Only the V1 version will be released. We have already planned the content for V2 and V3 versions during the initial design, including data analysis of websites such as `VNDB`, `Erogame Space`, `Bangumi`, streaming content uploads, an app version, and more. In summary, we will do our best to implement anything you can think of.
-
-## Open Source Declaration
-
-This project follows the `GPL` open-source license.

docs/en/README.23102023.md

@@ -1,76 +0,0 @@
-#  kun-galgame-vue
-
-## Introduction
-
-This is the frontend of the KUNGalgame forum, and it's the first version. We have built it using the Vue framework, and in the future, we plan to refactor it using the Svelte framework.
-
-The link to the first version of the backend project is [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa).
-
-## About the Website
-
-KUNGalgame — The Cutest Galgame Forum in the World!
-
-We strive to create the best environment for Galgame discussions.
-
-Tips: The website is currently under construction...
-
-## Operational Philosophy
-
-- The cutest galgame forum in the world.
-- With the aim of creating the best atmosphere.
-- There will never be any ads.
-- There will never be any charges.
-
-## Project Introduction
-
-### Overview
-
-This is a **restructured version** of [`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css). We have used Vite, Vue3, Vue-router4, Typescript, SCSS, and Pinia as the frontend technology stack. We do not depend on any UI framework because this project is focused on a non-UI framework approach. As my VSCode comes with necessary plugins like ESLint, we haven't integrated them into the project. We plan to integrate the required environment and project configurations in the first version to be launched.
-
-When the frontend project was completed, there was a built-in, lightweight `express` server in the root directory of the project, located in the `server` folder. This server is not the backend for the project; it is merely a data simulation similar to `mockjs`. We plan to write our backend in `Rust`.
-
-### Preview
-
-The original project is located at https://github.com/KUN1007/kungalgame-pure-css. However, during the restructuring, we added a lot of content and changed the icons from `fontawesome` to `iconify`. So, the appearance may be different. Here, we provide a preview of the homepage only.
-
-#### Web Browser
-
-![Preview](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview.png) ![Dark Preview](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview-dark.png)
-
-#### Mobile Browser
-
-![Mobile Preview](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview.png) ![Mobile Dark Preview](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview-dark.png)
-
-### How to Start
-
-1. Clone the repository: `git clone https://github.com/KUN1007/KUNGalGame-vue`
-2. Change the directory: `cd KUNGalGame-vue`
-
-#### Server
-
-1. Navigate to the server directory: `cd server`
-2. Install dependencies: `pnpm i`
-3. Start the server: `pnpm start`
-
-#### Frontend
-
-1. Return to the parent directory: `cd ..`
-2. Install frontend dependencies: `pnpm i`
-3. Start the development server: `vite dev`
-
-Please note that you should start the server first to have simulated data.
-
-## Notes
-
-Only version 1 will be released. During the initial design, we have already planned the content for versions 2 and 3, including data analysis for websites like `VNDB`, `批评空间`, `bangumi`, streaming video uploads, and an app version. In short, we will try to implement anything you can think of.
-
-## Contact Us
-
-If you wish to participate in our development, you can join our development groups:
-
-- QQ: 872839714
-- Telegram: https://t.me/KUNForum
-
-## Open Source Statement
-
-This project follows the `GPL` open-source license.

docs/en/feat.md

@@ -1,77 +0,0 @@
-##  KUNGalgame Forum Feature Showcase
-
-### Global Website Settings
-
-- `I18n` Internationalization
-- Custom background image
-- Light / Dark mode
-- Global font switching
-- Website page width adjustment
-
-### User Information Display
-
-- Username
-- Cutie Points
-- Registration number
-- User role
-- User status
-- Number of times the user has been pushed
-- Number of times the user has been liked
-- Number of times the user has been disliked
-- Number of topics the user posted today
-- Total number of topics posted by the user
-- Total number of replies posted by the user
-- Total number of comments posted by the user
-- User registration time
-- User signature
-- Change user avatar
-- Change user signature
-- Change user email
-- Change user password
-- Topics posted by the user
-- Topics liked by the user
-- Topics pushed by the user
-- Replies posted by the user
-- Comments posted by the user
-
-### Topic Information Display
-
-- Topic title
-- Topic tags
-- Topic posting time
-- Topic poster's avatar, username, Cutie Points
-- Topic content, rich text
-- Topic status
-- Whether the topic has been re-edited
-- Number of times the topic has been pushed
-- Number of topic views
-- Number of topic likes
-- Number of topic dislikes
-- Reply to the topic
-- Share the topic
-- Re-edit the topic
-
-### Reply Information Display
-
-- Avatar, username, Cutie Points of the replier
-- Person being replied to
-- Reply floor number
-- Reply tags
-- Reply posting time
-- Reply re-edit time
-- Reply content, rich text
-- Number of times the reply has been pushed
-- Number of times the reply has been liked
-- Number of times the reply has been disliked
-- Reply to the reply
-- Share the reply
-- Comment on the reply
-
-### Comment Information Display
-
-- Avatar, username of the commenter
-- Person being commented on
-- Number of times the comment has been liked
-- Number of times the comment has been disliked
-- Comment on the comment
-- Comment content

docs/en/pages.md

@@ -1,210 +0,0 @@
-## Page Introductions
-
-KUNGalgame consists of dozens of pages and numerous sub-interfaces.
-
-### Homepage
-
-- Website icon, site name, top navigation bar
-- Settings panel
-  - Light / Dark mode switch
-  - Website language selection
-  - Website width adjustment
-  - Website font adjustment
-  - Website background adjustment
-  - Custom website background
-  - Reset website blank background
-  - Reset all settings to default
-  - Website mascot - Ren from the Visual Novel"枯れない世界と終わる花" ([source](http://sweet.clearrave.co.jp/karehana/))
-- User information
-  - User avatar
-  - Username
-  - Cutie Points
-  - Navigate to user profile
-  - Logout
-- Open the sidebar
-- Collapse the sidebar
-- Create a new topic
-- Function bar
-  - Update log
-  - Income and expenses disclosure
-  - Leaderboard
-  - Bylaws
-  - Join us
-  - Not-cute records
-- Today's hot topics
-- Today's latest topics
-- Sort topics by updates, time, popularity, views, likes, replies, comments, ascending, and descending
-- Dynamic topic search
-  - Search history
-  - Clear search history
-  - Clear all records
-- Jump to all topics
-- Topic display - User avatar, username, topic preview, topic title, topic views, topic likes, topic replies, topic posting time
-- Footer
-  - Other communication
-  - Technical information
-  - About us
-  - Friendly links
-  - Website introduction
-  - Contact us
-  - Copyright information
-
-### Topic Details Page
-
-- Collapse the sidebar
-- Expand the sidebar
-  - Back to top
-  - Sort by floor
-  - Sort by time
-  - Sort by likes
-  - Sort by replies
-  - Sort by update time
-  - Ascending order
-  - Descending order
-- Other topics under the same tag
-- Other topics by the original poster
-- Copyright information
-- Topic display
-  - Topic title
-  - Topic tags
-  - Topic posting time
-  - Topic poster's avatar, username, Cutie Points
-  - Topic content, rich text
-  - Topic status - Normal, pushed, banned
-  - Time of topic re-edit
-  - Number of times the topic has been pushed
-  - Number of topic views
-  - Number of topic likes
-  - Number of topic dislikes
-  - Reply to topic
-  - Share topic
-  - Re-edit topic
-- Reply display
-  - Replier's avatar, username, Cutie Points
-  - Person being replied to
-  - Reply floor number
-  - Reply tags
-  - Reply posting time
-  - Time of reply re-edit
-  - Reply content
-  - Number of times the reply has been pushed
-  - Number of times the reply has been liked
-  - Number of times the reply has been disliked
-  - Reply to the reply
-  - Share reply
-  - Re-edit reply
-  - Comment on the reply
-- Comment display
-  - Commenter's avatar
-  - Commenter's username
-  - Person being commented on
-  - Number of times the comment has been liked
-  - Number of times the comment has been disliked
-  - Comment on the comment
-
-### User Profile Page
-
-- User avatar
-- Username
-- MoeMoePoints
-- Registration number
-- User role
-- User status
-- Number of times the user has been pushed
-- Number of times the user has been liked
-- Number of times the user has been disliked
-- Number of topics the user posted today
-- Total number of topics posted by the user
-- Total number of replies posted by the user
-- Total number of comments posted by the user
-- User registration date
-- User signature
-- Change user avatar
-- Change user signature
-- User email (encrypted)
-- Change user email
-- Change user password
-- Forgot password
-- Topics posted by the user
-- Topics liked by the user
-- Topics pushed by the user
-- Replies posted by the user
-- Comments posted by the user
-
-### Topic Editing Page
-
-- Topic title
-- Editor - vue-quill
-- Editor settings
-  - Editor height
-  - Editor mode
-  - Show popular tags
-- Topic tags
-- Popular topic tags
-- Topic category
-- Publish topic
-- Save as draft
-- Re-edit topic
-- Confirm re-edit
-
-### Update Log Page
-
-- Next version update information
-- GitHub link
-- Estimated update time
-- Historical update records
-  - Update time
-  - Update description
-- Copyright information
-
-### Income and Expenditure Disclosure Page
-
-- Income
-  - Income time
-  - Income reason
-  - Income consequences
-  - Total income
-- Expenditure
-  - Expense occurrence time
-  - Expense reason
-  - Expense consequences
-  - Total expenses
-- Profit and loss status
-- Total profit/loss amount
-- Copyright information
-
-### Leaderboard Page
-
-- MoeMoe Users Ranking
-  - Ascending/descending
-  - Sort users by MoeMoe Points, pushes, likes, topics posted, replies posted, comments posted
-  - User avatar
-  - Username
-  - Cutie Points, pushes, likes, topics posted, replies posted
-- MoeMoe Topics Ranking
-  - Ascending/descending
-  - Sort topics by popularity, pushes, views, likes, shares, comments
-  - Topic name
-  - Topic popularity, pushes, views, likes, shares, comments
-
-### Non-Moe Records Page
-
-- Individuals who engaged in non-moe behavior
-- Reasons for non-moe behavior
-- Time when non-moe behavior occurred
-- Consequences of non-moe behavior
-
-### About Us Page
-
-- Website introduction
-- Mission statement
-- Forum rules
-- Privacy policy
-- Bylaws
-- Update log
-- Income and expenses disclosure
-- Non-moe records
-- Join us
-- Acknowledgments
-- Sponsor us
-- Back to the homepage

docs/en/rules.md

@@ -1,28 +0,0 @@
-# Code Writing Guidelines
-
-## Overview
-
-- Code must follow the `Vue3 composition API + setup + Typescript` approach, following official documentation examples.
-- Direct DOM operations like `document.getElementById` are not allowed unless absolutely necessary.
-- Folder names should use `kebab-case`, `.ts` files should use `camelCase`, and `.vue` files should use `PascalCase` for naming.
-- Packages larger than `500kb` are not allowed to be imported.
-
-## Vue3
-
-- Functions like `defineProps` and `defineEmits` must have types declared using TypeScript, in the format `const props = defineProps<{param: type}>()`.
-- When there are four or more levels of calls, `computed` must be used. Ternary operators must use `computed`.
-- Component names should be in `PascalCase`, and built-in components must be imported in `PascalCase`, for example, `<RouterLink to="/kun" />`.
-- When passing props from a parent component to a child component, use `kebab-case` naming. Use `camelCase` for `v-on` events.
-
-## TypeScript
-
-- The use of `any` is not allowed.
-- Interfaces should be named in `PascalCase`.
-- Declaration files with a `.d.ts` extension should be named using `kebab-case`.
-
-## Variables and Functions
-
-- Variables should preferably be declared using `const`, and functions should preferably be declared using arrow function syntax like `const kun = () => {}`.
-- Boolean values should always start with `is`, for example, `isShowToolbar`.
-- Functions in the `store` should be named using the `use...store` convention, for example, `useKUNGalgameEditStore`.
-- For complex functions, use the `@param {type} paramName` format for writing comments.

docs/zh/README.23102023.md

@@ -1,117 +0,0 @@
-# kun-galgame-vue
-
-.
-
-## 介绍
-
-
-
-这是 KUNGalgame 论坛的前端，这是第一个版本，我们使用 `vue` 框架编写，之后我们会使用 `svelte` 框架重构
-
-
-
-后端项目第一个版本的地址为 [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa)
-
-
-
-
-
-## 关于该网站
-
-
-
-KUNGalgame —— 世界上最萌的 Galgame 论坛！
-
-
-
-为营造最良好的 Galgame 讨论环境为目的进行努力！
-
-
-
-Tips: 网站目前正在建设中······
-
-## 运营理念
-
-- 世界上最萌的 galgame 论坛
-- 以营造最良好的氛围为理念
-- 永远不会有广告
-- 永远不会收费
-
-
-
-## 项目介绍
-
-.
-
-### 简介
-
-.
-
-这是[`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css) 的**重构版本**，使用 Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia 作为前端技术栈，不依赖任何 UI 框架，因为这个项目主打的就是非 UI 框架，世界都一样多没意思呀。由于我的 VScode 自带`ESLint`等必要插件，所以并未在项目中进行集成，预计在项目的第一个版本上线时会集成必要的环境类项目配置。
-
-.
-
-前端项目成型时在项目根目录有一个自带的微型`express`服务器可启动，存放于`server`文件夹，这并不是该项目的后端，只是一个类似于`mockjs`的数据模拟而已，我们的后端计划使用`Rust`编写
-
-.
-
-### 预览
-
-##### 原项目的地址为：[https://github.com/KUN1007/kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)
-
-但是我们在重构的时候增加了大量的内容，并且将图标由`fontawesome`改为了`iconify`，所以外观可能会不同，这里仅展示主页预览
-
-.
-#### Web 端浏览器
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview.png)
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview-dark.png)
-.
-
-#### 手机端浏览器
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview.png)
-![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview-dark.png)
-
-### 启动方法
-
-`git clone https://github.com/KUN1007/KUNGalGame-vue`
-
-`cd KUNGalGame-vue`
-
-#### 服务端
-
-`cd server `
-
-`pnpm i`
-
-`pnpm start`
-
-#### 前端
-
-`cd ..`
-
-`pnpm i`
-
-`vite dev`
-
-请注意，请先启动服务端，这样才有模拟的数据
-
-.
-
-## 注意事项
-
-将要发布的只是 V1 版本，我们在设计之初就已经规划好了 V2, V3 版本的内容，包括对 `VNDB` `批评空间` `bangumi` 等网站的数据进行分析，流媒体发布（上传发布视频），APP 版本等等。总之，只要您能想到的，我们都会尽力实现。
-
-.
-
-## 联系我们
-
-如果您想参与我们的开发，可以加入我们的开发群组
-
- QQ：872839714
- 
-Telegram：https://t.me/KUNForum
-
-## 开源声明
-
-本项目遵从`GPL`开源协议
-

docs/zh/README.md

@@ -1,140 +0,0 @@
-![](https://github.com/KUN1007/kun-galgame-vue/blob/layout/src/assets/images/favicon.png)
-
-图片来源为游戏 [方舟指令](https://apps.qoo-app.com/en/app/9593) 中的角色 `鲲`
-
-# kun-galgame-vue
-
-
-
-## 介绍
-
-这是 KUNGalgame 论坛的前端，这是第一个版本，我们使用 `vue` 框架编写
-
-
-
-KUNGalgame 创建的意义在于：
-
-
-
-- 大力宣传真正的好游戏，让大家都会用 VNDB 等网站，看到真正的 可视化数据，避免被“大佬”毒害
-- **远离现代互联网捧一踩一，以批评为美德等等不好的现状**
-- 让任何人都学习基本的计算机基础，避免“爷新”的出现
-- 构建一个以用户个人乐趣为主的论坛，抵制鄙视链的产生
-- 目前的网站大多数套用模板，千篇一律，令人审美疲劳
-- ......等等。
-
-
-
-我们认为：“**让你觉得快乐的，让你发自内心笑出来的，才是真正的好游戏！**”
-
-
-
-**后端项目第一个版本的地址为 [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa)**
-
-
-
-## 运营理念
-
-- 世界上最萌的 galgame 论坛
-- 以营造最良好的氛围为理念
-- 永远不会有广告
-- 永远不会收费
-
-
-
-## 技术支持
-
-* 支持所有手机和电脑端**现代**浏览器
-* 适配任意大小屏幕
-* 全部 `Vue3` 组合式 `API`，全部 `Typescript` 支持，编写方式遵从[Vue 官网](vuejs.org)最佳实践
-
-
-
-## 特性
-
-### 网站全局设置
-
-* `I18n` 国际化
-* 自定义背景图片
-* 白天 / 黑夜模式
-* 网站全体字体切换
-* 网站页面宽度调整
-
-### 需要注意的是
-
-* 网站会在每 `60min` 刷新一次 `token`，会有短暂白屏，这是为了更加安全
-* 网站使用了 [`vue-quill`](https://github.com/vueup/vue-quill) 作为富文本编辑器，但是该编辑器使用了[过时的 `API`](https://github.com/vueup/vue-quill/issues/409)，所以编辑器出现时控制台会有警告，这是编辑器的原因，并不是网站代码的错误，我们之后会自己开发一款富文本编辑器
-* 如果您遇到网站的任何错误，或者有所建议，请[联系我们](https://github.com/KUN1007/kun-galgame-vue#contact-us)
-
-要查看网站的全部特性请[点击这里](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/en/feat.md)
-
-要查看网站的所有页面功能请[点击这里](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/en/pages.md)
-
-## 项目介绍
-
-### 简介
-
-这是[`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css) 的**重构版本**，使用 Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia 作为前端技术栈，不依赖任何 UI 框架，因为这个项目主打的就是非 UI 框架，世界都一样多没意思呀。
-
-项目中并未集成 `ESLint`, `Prettier` 等，因为太麻烦了，我爱摸鱼，预计在项目的第一个版本上线时会集成必要的环境类项目配置。
-
-### 预览
-
-##### 纯 HTML + CSS 项目的地址为：[https://github.com/KUN1007/kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)
-
-但是我们在重构的时候增加了大量的内容，并且将图标由`fontawesome`改为了`iconify`，所以外观可能会不同，这里仅展示主页预览
-
-#### Web 端浏览器
-![白天模式](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/preview.png)
-![黑夜模式](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/preview-dark.png)
-
-#### 手机端浏览器
-![白天模式](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/mobile-preview.png)
-![黑夜模式](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/images/mobile-preview-dark.png)
-
-### 启动方法
-
-`git clone https://github.com/KUN1007/kun-galgame-vue`
-
-`cd kun-galgame-vue`
-
-`pnpm i`
-
-`vite dev`
-
-## 注意事项
-
-将要发布的只是 V1 版本，我们在设计之初就已经规划好了 V2, V3 版本的内容，包括
-
-* 对 [`VNDB`](https://vndb.org/), [`批评空间`](https://erogamescape.dyndns.org/), [`bangumi`](https://bangumi.tv/) 等网站的数据进行分析
-* 流媒体发布（上传发布视频）
-* APP 版本
-* ......等等
-
-总之，只要您能想到的，我们都会尽力实现。
-
-
-## 联系我们
-
-如果您想参与我们的开发，可以加入我们的开发群组
-
-Telegram：https://t.me/KUNForum
-
-Tencent QQ Group: 872839714
-
-下面两个群组是 Galgame 群，交流与反馈
-
-Telegram: https://t.me/kungalgame
-
-Tencent QQ Group: 871857690
-
-## Translation
-
-[中文版](https://github.com/KUN1007/kun-galgame-vue/blob/V1/docs/zh/README.md)
-
-特别感谢 `yuyu` 的中文版翻译
-
-## License
-
-本项目遵从`GPL`开源协议
-

docs/zh/feat.md

@@ -1,77 +0,0 @@
-## KUNGalgame 论坛特性展示
-
-### 网站全局设置
-
-* `I18n` 国际化
-* 自定义背景图片
-* 白天 / 黑夜模式
-* 网站全体字体切换
-* 网站页面宽度调整
-
-### 用户信息展示
-
-* 用户名
-* 萌萌点
-* 注册序号
-* 用户角色
-* 用户状态
-* 用户被推数
-* 用户被赞数
-* 用户被踩数
-* 用户今日发布话题数
-* 用户发布话题数
-* 用户发布回复数
-* 用户发布评论数
-* 用户注册时间
-* 用户签名
-* 更改用户头像
-* 更改用户签名
-* 更改用户邮箱
-* 更改用户密码
-* 用户发布的话题
-* 用户点赞的话题
-* 用户推的话题
-* 用户发布的回复
-* 用户发布的评论
-
-### 话题信息展示
-
-* 话题标题
-* 话题标签
-* 话题发布时间
-* 话题发布人头像，用户名，萌萌点
-* 话题内容，富文本
-* 话题状态
-* 话题是否被重新编辑
-* 话题被推数
-* 话题浏览数
-* 话题点赞数
-* 话题点赞数
-* 回复话题
-* 分享话题
-* 重新编辑话题
-
-### 回复信息展示
-
-* 回复人头像，用户名，萌萌点
-* 被回复人
-* 回复楼层数
-* 回复标签
-* 回复发布时间
-* 回复重新编辑时间
-* 回复内容，富文本
-* 回复被推数
-* 回复被赞数
-* 回复被踩数
-* 回复回复
-* 分享回复
-* 评论回复
-
-### 评论信息展示
-
-* 评论人头像，用户名
-* 被评论人
-* 评论被赞数
-* 评论被踩数
-* 评论评论
-* 评论内容

docs/zh/pages.md

@@ -1,211 +0,0 @@
-## 页面介绍
-
-KUNGalgame 总共含有数十个页面，以及大量子界面
-
-
-
-### 主页
-
-* 网站图标，网站名，顶部导航条
-* 设置面板
-  - 网站白天 / 黑夜切换
-  - 网站语言切换
-  - 网站宽度调整
-  - 网站字体调整
-  - 网站背景调整
-  - 网站自定义背景
-  - 网站恢复空白背景
-  - 网站恢复所有设置为默认
-  - 网站看板娘，出自 Galgame [枯れない世界と終わる花](http://sweet.clearrave.co.jp/karehana/) 中的レン
-* 用户信息
-  - 用户头像
-  - 用户名
-  - 用户萌萌点
-  - 跳转用户主页
-  - 退出登录
-* 打开侧边栏
-* 折叠侧边栏
-* 发布新话题
-* 功能栏
-  - 更新日志
-  - 收支公示
-  - 排行榜单
-  - 执行条例
-  - 加入我们
-  - 不萌记录
-* 今日热门话题
-* 今日最新话题
-* 根据更新，时间，热度，浏览数，点赞数，回复数，评论数，升序，降序排序话题
-* 动态搜索话题
-  - 搜索记录
-  - 清除搜索记录
-  - 清除全部记录
-* 跳转到所有话题
-* 话题展示，用户头像，用户名，话题预览，话题标题，话题浏览数，话题点赞数，话题回复数，话题发布时间
-* 底部 `Footer`
-  - 其他交流
-  - 技术相关
-  - 关于我们
-  - 友情链接
-  - 网站简介
-  - 联系我们
-  - 版权信息
-
-### 话题详情页
-
-* 折叠侧边栏
-* 展开侧边栏
-  - 回到顶端
-  - 按照楼层排序
-  - 按照时间排序
-  - 按照点赞排序
-  - 按照回复排序
-  - 按照更新时间排序
-  - 升序
-  - 降序
-* 相同标签下的其它话题
-* 楼主的其他话题
-* 版权信息
-* 话题展示
-  - 话题标题
-  - 话题标签
-  - 话题发布时间
-  - 话题发布人头像，用户名，萌萌点
-  - 话题内容，富文本
-  - 话题状态，正常，被推，封禁
-  - 话题被重新编辑的时间
-  - 话题被推数
-  - 话题浏览数
-  - 话题被赞数
-  - 话题被踩数
-  - 回复话题
-  - 分享话题
-  - 重新编辑话题
-* 回复展示
-  - 回复人头像，用户名，萌萌点
-  - 被回复人
-  - 回复的楼层数
-  - 回复被重新编辑的时间
-  - 回复发布时间
-  - 回复的内容
-  - 回复的被推数
-  - 回复的被赞数
-  - 回复的被踩数
-  - 回复回复
-  - 分享回复
-  - 重新编辑回复
-  - 评论回复
-* 评论展示
-  - 评论人头像
-  - 评论人用户名
-  - 被评论人用户名
-  - 评论点赞数
-  - 评论点踩数
-  - 评论评论
-
-### 用户个人主页
-
-* 用户头像
-* 用户名
-* 用户萌萌点
-* 用户注册序号
-* 用户角色
-* 用户状态
-* 用户被推数
-* 用户被赞数
-* 用户被踩数
-* 用户今日发表话题数
-* 用户发表的话题数
-* 用户发表的回复数
-* 用户发表的评论数
-* 用户注册日期
-* 用户签名
-* 更改用户头像
-* 更改用户签名
-* 用户邮箱（已加密）
-* 更改用户邮箱
-* 更改用户密码
-* 忘记密码
-* 用户发布的话题
-* 用户点赞的话题
-* 用户推的话题
-* 用户发布的回复
-* 用户发布的评论
-
-### 话题编辑页
-
-* 话题标题
-* 编辑器 - vue-quill
-* 编辑器设置
-  - 编辑器高度
-  - 编辑器模式
-  - 是否显示热门标签
-* 话题标签
-* 话题热门标签
-* 话题分类
-* 发布话题
-* 保存草稿
-* 重新编辑话题
-* 确认重新编辑
-
-### 更新日志页面
-
-* 下个版本更新信息
-* `GitHub` 链接
-* 预计更新时间
-* 历史更新记录
-  - 更新时间
-  - 更新描述
-* 版权信息
-
-### 收支公示页面
-
-* 收入
-  - 收入时间
-  - 收入原因
-  - 收入后果
-  - 总收入
-* 支出
-  - 支出发生的时间
-  - 支出发生的原因
-  - 支出的后果
-  - 总支出
-* 盈亏状态
-* 盈余 / 亏损总金额
-* 版权信息
-
-### 排行榜单页面
-
-* 萌萌用户排行
-  - 升序降序
-  - 根据萌萌点，被推数，被赞数，发布话题数，发布回复数，发布评论数对用户进行排序
-  - 用户头像
-  - 用户名
-  - 用户萌萌点，被推数，被赞数，发布话题数，发布回复数
-* 萌萌话题排行
-  - 升序降序
-  - 根据热度，被推数，浏览数，点赞数，分享数，评论数对话题进行排序
-  - 话题名
-  - 话题热度，被推数，浏览数，点赞数，分享数，评论数
-
-### 不萌记录页面
-
-* 不萌行为发生人
-* 不萌行为发生原因
-* 不萌行为发生时间
-* 不萌行为发生后果
-
-### 关于我们页面
-
-* 网站介绍
-* 运营理念
-* 论坛规定
-* 隐私政策
-* 执行条例
-* 更新日志
-* 收支公示
-* 不萌记录
-* 加入我们
-* 感谢名单
-* 赞助我们
-* 回到主页

docs/zh/rules.md

@@ -1,40 +0,0 @@
-# 代码编写说明
-
-
-
-## 概览
-
-
-
-* 总体必须采用 `Vue3 composition API + setup + Typescript ` 写法，参照官网示例
-* 不允许 `document.getElementById` 等直接的 `DOM` 操作，除非万不得已
-* 文件夹命名使用 `kebab-case` 命名，`.ts` 文件使用 `camelCase` 命名，`.vue` 文件使用 `PascalCase` 命名
-* 不允许引入超过 `500kb` 的包
-
-
-
-## Vue3
-
-
-
-* `defineProps` 以及 `defineEmits` 等函数必须使用 `ts` 标注类型，格式为 `const props = defineProps<{param: type}>()`
-* 当调用大于等于 `4` 层时必须用 `computed`，三元运算符必须用 `computed` 
-* 组件名使用 `PascalCase` 命名，内置组件必须以 `PascalCase` 的形式引入，例如 `<RouterLink to="/kun" />`
-* 父组件给子组件传参使用 `kebab-case` 命名，`v-on` 使用 `camelCase` 命名
-
-
-
-## Typescript
-
-* 不允许出现 `any`
-* 接口一律用 `PascalCase ` 命名
-* `.s.ts` 的声明文件一律用 `kebab-case` 命名
-
-
-
-## 变量、函数
-
-* 变量尽可能使用 `const` 声明，函数尽量使用 `const kun = () => {}` 的箭头函数写法声明
-* 布尔类型的值一律以 `is` 开头，例如 `isShowToolbar`
-* `store` 中的函数一律使用 `use...store` 命名，例如 `useKUNGalgameEditStore`
-* 复杂函数请采用 `@param {type} paramName` 的形式编写注释

index.html

@@ -5,105 +5,13 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="/src/assets/images/favicon.webp"
+      href="/src/assets/images/favicon.png"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta
-      name="description"
-      content="KUN Visual Novel Forum. 鲲 Galgame 论坛。 The CUTEST Visual Novel Forum!世界上最萌的 Galgame 论坛. Topic, Technique. NO ADs Forever. Free Forever"
-    />
-    <title>KUN Visual Novel Forum| 鲲 Galgame 论坛</title>
-    <style>
-      :root {
-        --kungalgame-blue-1: #b6e3ff;
-        --kungalgame-blue-4: #218bff;
-
-        --kungalgame-trans-blue-1: #b6e3ff77;
-
-        --kungalgame-shadow-0: 0px 0px 17px 5px var(--kungalgame-blue-1);
-      }
-
-      #kungalgame-loading-container {
-        width: 100vw;
-        height: 100vh;
-        display: flex;
-        align-items: center;
-      }
-
-      #kungalgame-loading {
-        height: 4.8px;
-        background: var(--kungalgame-blue-4);
-        box-shadow: var(--kungalgame-shadow-0);
-        box-sizing: border-box;
-        animation: kungalgame-loading 7.7s linear infinite;
-        position: relative;
-      }
-
-      #kungalgame-loading::after,
-      #kungalgame-loading::before {
-        content: '';
-        width: 10px;
-        height: 1px;
-        background: var(--kungalgame-blue-4);
-        position: absolute;
-        top: 9px;
-        right: -2px;
-        opacity: 0;
-        transform: rotate(-45deg) translateX(0px);
-        box-sizing: border-box;
-        animation: coli1 0.3s linear infinite;
-      }
-
-      #kungalgame-loading::before {
-        top: -4px;
-        transform: rotate(45deg);
-        animation: coli2 0.3s linear infinite;
-      }
-
-      #kungalgame-loading h2 {
-        position: absolute;
-        top: 17px;
-        color: var(--kungalgame-blue-4);
-      }
-
-      @keyframes kungalgame-loading {
-        0% {
-          width: 0;
-        }
-        100% {
-          width: 100%;
-        }
-      }
-
-      @keyframes coli1 {
-        0% {
-          transform: rotate(-45deg) translateX(0px);
-          opacity: 0.7;
-        }
-        100% {
-          transform: rotate(-45deg) translateX(-45px);
-          opacity: 0;
-        }
-      }
-
-      @keyframes coli2 {
-        0% {
-          transform: rotate(45deg) translateX(0px);
-          opacity: 1;
-        }
-        100% {
-          transform: rotate(45deg) translateX(-45px);
-          opacity: 0.7;
-        }
-      }
-    </style>
+    <title>KUNGalgame</title>
   </head>
   <body>
-    <div id="app">
-      <div id="kungalgame-loading-container">
-        <div id="kungalgame-loading"><h2>Loading</h2></div>
-      </div>
-    </div>
+    <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

package.json

@@ -2,7 +2,7 @@
   "name": "kun-galgame-vue",
   "private": false,
   "version": "0.0.0",
-  "description": "The CUTEST Visual Novel Forum!世界上最萌的 Galgame 论坛. Topic, Technique. NO ADs Forever. Free Forever",
+  "description": "世界上最萌的 galgame 论坛",
   "author": {
     "name": "kun",
     "email": "kungalgame@gamil.com"
@@ -18,43 +18,30 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@milkdown/core": "7.3.6",
-    "@milkdown/ctx": "7.3.6",
-    "@milkdown/plugin-clipboard": "7.3.6",
-    "@milkdown/plugin-history": "7.3.6",
-    "@milkdown/plugin-indent": "7.3.6",
-    "@milkdown/plugin-listener": "7.3.6",
-    "@milkdown/plugin-prism": "7.3.6",
-    "@milkdown/plugin-tooltip": "7.3.6",
-    "@milkdown/plugin-trailing": "7.3.6",
-    "@milkdown/preset-commonmark": "7.3.6",
-    "@milkdown/preset-gfm": "7.3.6",
-    "@milkdown/prose": "7.3.6",
-    "@milkdown/transformer": "7.3.6",
-    "@milkdown/utils": "7.3.6",
-    "@milkdown/vue": "7.3.6",
-    "@prosemirror-adapter/vue": "0.2.6",
+    "@vueup/vue-quill": "^1.2.0",
     "animate.css": "^4.1.1",
-    "dayjs": "^1.11.10",
-    "localforage": "^1.10.0",
-    "nprogress": "^0.2.0",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "refractor": "^4.8.1",
-    "vue": "^3.4.24",
-    "vue-i18n": "^9.13.1",
-    "vue-router": "^4.3.2"
+    "dayjs": "^1.11.9",
+    "dompurify": "^3.0.5",
+    "pinia": "^2.1.6",
+    "pinia-plugin-persistedstate": "^3.2.0",
+    "quill-blot-formatter": "^1.0.5",
+    "vue": "^3.3.4",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.2.4"
   },
   "devDependencies": {
-    "@iconify/vue": "^4.1.2",
-    "@types/node": "^20.12.7",
-    "@types/nprogress": "^0.2.3",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "sass": "^1.75.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vue-tsc": "^2.0.14"
+    "@iconify/vue": "^4.1.1",
+    "@types/dompurify": "^3.0.2",
+    "@types/node": "^20.4.8",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "cross-env": "^7.0.3",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "^1.64.2",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.8",
+    "vite-plugin-mock": "^3.0.0",
+    "vue-tsc": "^1.8.8"
   },
   "keywords": [
     "kun",
@@ -68,4 +55,4 @@
     "visual novel"
   ],
   "license": "LGPL-3.0-or-later"
-}
+}

public/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Allow: /

server/.gitignore

@@ -0,0 +1,5 @@
+/node_modules
+
+upload-files/
+
+upload-files-tmp/