chore: add test:e2e scripts

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.gitignore

@@ -15,8 +15,6 @@ dist-ssr
 stats.html
 
 # Editor directories and files
-.vscode/*
-!.vscode/extensions.json
 .idea
 .DS_Store
 *.suo

.npmrc

@@ -1,4 +1,2 @@
 shamefully-hoist=true
 strict-peer-dependencies=false
-side-effects-cache=false
-shell-emulator=true

.vscode/extensions.json

@@ -0,0 +1,13 @@
+{
+  "recommendations": [
+    "antfu.iconify",
+    "antfu.unocss",
+    "antfu.vite",
+    "antfu.goto-alias",
+    "csstools.postcss",
+    "dbaeumer.vscode-eslint",
+    "vue.volar",
+    "lokalise.i18n-ally",
+    "streetsidesoftware.code-spell-checker"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,49 @@
+{
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // "stylelint.enable": true,
+  // "stylelint.validate": ["css", "less"],
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    // "source.fixAll.stylelint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "format/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "gql",
+    "graphql"
+  ]
+}

cypress.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'cypress'
+import vitePreprocessor from 'cypress-vite'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3333',
+    chromeWebSecurity: false,
+    specPattern: 'cypress/e2e/**/*.spec.*',
+    supportFile: false,
+    setupNodeEvents(on) {
+      on('file:preprocessor', vitePreprocessor())
+    },
+  },
+})

cypress/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": [
+      "cypress"
+    ]
+  },
+  "include": [
+    "**/*.ts"
+  ],
+  "exclude": []
+}

eslint.config.js

@@ -1,10 +1,12 @@
-import antfu from '@antfu/eslint-config'
+import antfu from '@antfu/eslint-config';
 
 export default antfu(
   {
     react: true,
+    unocss: true,
+    formatters: true,
     stylistic: {
-      semi: true
-    }
-  }
-)
+      semi: true,
+    },
+  },
+);

package.json

@@ -17,6 +17,7 @@
     "build": "tsc && vite build",
     "deploy": "gh-pages -d dist -b gh-pages -f",
     "test": "vitest",
+    "test:e2e": "cypress open",
     "test:cov": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
     "lint": "eslint --cache .",
@@ -65,6 +66,7 @@
     "cypress": "^13.8.1",
     "cypress-vite": "^1.5.0",
     "eslint": "^8.57.0",
+    "eslint-plugin-cypress": "^3.2.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.6",
     "gh-pages": "^6.1.1",