wow

emp7yhead · Mar 23, 2024 · 77998c8 · 77998c8
1 parent c736219
commit 77998c8
Show file tree

Hide file tree

Showing 22 changed files with 5,196 additions and 2,853 deletions.
diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
@@ -0,0 +1,65 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  ignorePatterns: ['dist', '.eslintrc.js', 'vite.config.js'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  plugins: ['import'],
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/essential',
+    'plugin:prettier/recommended',
+    'airbnb'
+  ],
+  rules: {
+    'vue/order-in-components': [
+      'error',
+      {
+        order: [
+          'name',
+          'directives',
+          'components',
+          'mixins',
+          ['provide', 'inject'],
+          'model',
+          'props',
+          'filters',
+          'data',
+          'computed',
+          'watch',
+          'methods',
+          'LIFECYCLE_HOOKS',
+          'ROUTER_GUARDS',
+        ],
+      },
+    ],
+    'vue/v-for-delimiter-style': ['error', 'of'],
+    'vue/next-tick-style': ['error', 'promise'],
+    'vue/require-prop-types': 'error',
+    'vue/prop-name-casing': ['error', 'camelCase'],
+    'vue/component-name-in-template-casing': ['error', 'PascalCase'],
+    'vue/component-definition-name-casing': ['error', 'PascalCase'],
+    'vue/custom-event-name-casing': ['error', 'camelCase'],
+    'vue/no-duplicate-attr-inheritance': 'error',
+    'vue/this-in-template': ['error', 'never'],
+    'vue/v-on-style': ['error', 'shorthand'],
+    'vue/no-multi-spaces': 'error',
+    'vue/padding-line-between-blocks': 'error',
+    'vue/component-tags-order': [
+      'error',
+      {
+        order: ['template', 'script', 'style'],
+      },
+    ],
+    'vue/v-on-event-hyphenation': ['error', 'never'],
+    'vue/attribute-hyphenation': ['error', 'never'],
+    'vue/v-bind-style': 'error',
+    'vue/v-slot-style': ['error', 'shorthand'],
+    'vue/no-unused-properties': [
+      'error',
+      {
+        groups: ['props', 'data', 'computed', 'methods', 'setup'],
+        ignorePublicMembers: true,
+      },
+    ],
+  }
+}
diff --git a/frontend/.gitignore b/frontend/.gitignore
@@ -0,0 +1,24 @@
+# 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
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/frontend/.prettierrc.js b/frontend/.prettierrc.js
@@ -0,0 +1,6 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  endOfLine: 'lf',
+  printWidth: 100,
+};
diff --git a/frontend/.vscode/extensions.json b/frontend/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/frontend/README.md b/frontend/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+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.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
diff --git a/frontend/index.html b/frontend/index.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Vite + Vue</title>
   </head>
   <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
   </body>
 </html>