zhaojh329 · zhaojh329 · Nov 26, 2024
diff --git a/ui/.babelrc b/ui/.babelrc
diff --git a/ui/.browserslistrc b/ui/.browserslistrc
diff --git a/ui/.eslintrc.js b/ui/.eslintrc.js
diff --git a/ui/.gitignore b/ui/.gitignore
@@ -1,21 +1,22 @@
-.DS_Store
-node_modules
-/dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
 
 # Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
-.vscode
+.DS_Store
 *.suo
 *.ntvs*
 *.njsproj

diff --git a/ui/README.md b/ui/README.md
@@ -1,30 +1,5 @@
-# rttys-ui
+# Vue 3 + Vite
 
-## Install node 12
-```
-nvm install 12
-nvm use 12
-```
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-
-### Compiles and minifies for production
-```
-npm run build
-```
-
-### Lints and fixes files
-```
-npm run lint
-```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
diff --git a/ui/babel.config.js b/ui/babel.config.js
diff --git a/ui/eslint.config.js b/ui/eslint.config.js
@@ -0,0 +1,37 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+
+export default [
+  {files: ['**/*.{js,mjs,cjs,vue}']},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...pluginVue.configs['flat/essential'],
+  {
+    rules: {
+      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'vue/no-multiple-template-root': 'off',
+      'vue/multi-word-component-names': 'off',
+      'linebreak-style': ['error', 'unix'],
+      'quotes': ['error', 'single'],
+      'brace-style': 'error',
+      'comma-dangle': 'error',
+      'comma-spacing': 'error',
+      'keyword-spacing': 'error',
+      'no-trailing-spaces': 'error',
+      'no-unneeded-ternary': 'error',
+      'space-before-function-paren': ['error', 'never'],
+      'space-infix-ops': ['error', {'int32Hint': false}],
+      'arrow-spacing': 'error',
+      'no-var': 'error',
+      'no-duplicate-imports': 'error',
+      'space-before-blocks': 'error',
+      'space-in-parens': ['error', 'never'],
+      'no-multi-spaces': 'error',
+      'eqeqeq': 'error',
+      'indent': ['error', 2],
+      'semi': ['error', 'never']
+    }
+  }
+]
diff --git a/ui/index.html b/ui/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rttys</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>