Compare commits

..

No commits in common. "V1.2" and "quill" have entirely different histories.
V1.2 ... quill

556 changed files with 14661 additions and 22876 deletions

View file

@ -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` ## 开发环境地址前缀(一般 '/''./' 都可以TODO:
VITE_API_BASE_URL = `http://127.0.0.1:10007/api` VITE_API_BASE_URL = `http://127.0.0.1:10007`
## Router Mode, hash or html5
VITE_ROUTER_HISTORY = 'html5'

4
.env.production Normal file
View file

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

View file

@ -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.

View file

@ -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.

7
.gitignore vendored
View file

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

68
.vscode/settings.json vendored
View file

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

143
LICENSE
View file

@ -1,5 +1,5 @@
GNU AFFERO GENERAL PUBLIC LICENSE GNU GENERAL PUBLIC LICENSE
Version 3, 19 November 2007 Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/> Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies Everyone is permitted to copy and distribute verbatim copies
@ -7,15 +7,17 @@
Preamble Preamble
The GNU Affero General Public License is a free, copyleft license for The GNU General Public License is a free, copyleft license for
software and other kinds of works, specifically designed to ensure software and other kinds of works.
cooperation with the community in the case of network server software.
The licenses for most software and other practical works are designed The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast, 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 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 When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you 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 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. free programs, and that you know you can do these things.
Developers that use our General Public Licenses protect your rights To protect your rights, we need to prevent others from denying you
with two steps: (1) assert copyright on the software, and (2) offer these rights or asking you to surrender the rights. Therefore, you have
you this License which gives you legal permission to copy, distribute certain responsibilities if you distribute copies of the software, or if
and/or modify the software. you modify it: responsibilities to respect the freedom of others.
A secondary benefit of defending all users' freedom is that For example, if you distribute copies of such a program, whether
improvements made in alternate versions of the program, if they gratis or for a fee, you must pass on to the recipients the same
receive widespread use, become available for other developers to freedoms that you received. You must make sure that they, too, receive
incorporate. Many developers of free software are heartened and or can get the source code. And you must show them these terms so they
encouraged by the resulting cooperation. However, in the case of know their rights.
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.
The GNU Affero General Public License is designed specifically to Developers that use the GNU GPL protect your rights with two steps:
ensure that, in such cases, the modified source code becomes available (1) assert copyright on the software, and (2) offer you this License
to the community. It requires the operator of a network server to giving you legal permission to copy, distribute and/or modify it.
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.
An older license, called the Affero General Public License and For the developers' and authors' protection, the GPL clearly explains
published by Affero, was designed to accomplish similar goals. This is that there is no warranty for this free software. For both users' and
a different license, not a version of the Affero GPL, but Affero has authors' sake, the GPL requires that modified versions be marked as
released a new version of the Affero GPL which permits relicensing under changed, so that their problems will not be attributed erroneously to
this license. 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 The precise terms and conditions for copying, distribution and
modification follow. modification follow.
@ -60,7 +72,7 @@ modification follow.
0. Definitions. 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 "Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks. 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 the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program. License would be to refrain entirely from conveying the Program.
13. Remote Network Interaction; Use with the GNU General Public License. 13. Use with the GNU Affero 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.
Notwithstanding any other provision of this License, you have Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed 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 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, 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 but the special requirements of the GNU Affero General Public License,
3 of the GNU General Public License. section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License. 14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of 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 the GNU General Public License from time to time. Such new versions will
will be similar in spirit to the present version, but may differ in detail to be similar in spirit to the present version, but may differ in detail to
address new problems or concerns. address new problems or concerns.
Each version is given a distinguishing version number. If the 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 Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the 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. by the Free Software Foundation.
If the Program specifies that a proxy can decide which future 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 public statement of acceptance of a version permanently authorizes you
to choose that version for the Program. 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> Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify 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 it under the terms of the GNU General Public License as published by
by the Free Software Foundation, either version 3 of the License, or the Free Software Foundation, either version 3 of the License, or
(at your option) any later version. (at your option) any later version.
This program is distributed in the hope that it will be useful, This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 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/>. 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. Also add information on how to contact you by electronic and paper mail.
If your software can interact with users remotely through a computer If the program does terminal interaction, make it output a short
network, you should also make sure that it provides a way for users to notice like this when it starts in an interactive mode:
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 <program> Copyright (C) <year> <name of author>
of the code. There are many ways you could offer source, and different This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
solutions will be better for different programs; see section 13 for the This is free software, and you are welcome to redistribute it
specific requirements. 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, 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. 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/>. <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>.

217
README.md
View file

@ -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 # 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 版本等等。总之,只要您能想到的,我们都会尽力实现。
.
## 联系我们
如果您想参与我们的开发,可以加入我们的开发群组
QQ872839714
Telegramhttps://t.me/KUNForum
## 开源声明
本项目遵从`GPL`开源协议

View file

@ -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.

View file

@ -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.

View file

@ -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.

View file

@ -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

View file

@ -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

View file

@ -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.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 368 KiB

After

Width:  |  Height:  |  Size: 514 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 366 KiB

After

Width:  |  Height:  |  Size: 560 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 836 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 925 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

View file

@ -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 版本等等。总之,只要您能想到的,我们都会尽力实现。
.
## 联系我们
如果您想参与我们的开发,可以加入我们的开发群组
QQ872839714
Telegramhttps://t.me/KUNForum
## 开源声明
本项目遵从`GPL`开源协议

View file

@ -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 版本
* ......等等
总之,只要您能想到的,我们都会尽力实现。
## 联系我们
如果您想参与我们的开发,可以加入我们的开发群组
Telegramhttps://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`开源协议

View file

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

View file

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

View file

@ -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` 的形式编写注释

View file

@ -5,105 +5,13 @@
<link <link
rel="icon" rel="icon"
type="image/svg+xml" 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="viewport" content="width=device-width, initial-scale=1.0" />
<meta <title>KUNGalgame</title>
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>
</head> </head>
<body> <body>
<div id="app"> <div id="app"></div>
<div id="kungalgame-loading-container">
<div id="kungalgame-loading"><h2>Loading</h2></div>
</div>
</div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

View file

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

File diff suppressed because it is too large Load diff

View file

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

5
server/.gitignore vendored Normal file
View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 990 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 707 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 949 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 709 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 510 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 704 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 709 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 647 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 770 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 858 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 714 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 628 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 725 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 724 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 670 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 731 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Some files were not shown because too many files have changed in this diff Show more