Dev

.prettierrc.yml

@@ -13,7 +13,8 @@ insertPragma: false
 jsxSingleQuote: false
 objectWrap: "preserve"
 # parser: null
-plugins: []
+plugins:
+  - prettier-plugin-tailwindcss
 printWidth: 80
 proseWrap: "preserve"
 quoteProps: "as-needed"

.vscode/settings.json

@@ -1,10 +1,12 @@
 {
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit"
+  },
   "editor.fontSize": 20,
   "editor.formatOnSave": true,
   "editor.linkedEditing": true,
-  "editor.tabSize": 2,
-  "workbench.iconTheme": "vscode-icons",
+  "git.autofetch": true,
   "git.confirmSync": false,
   "git.enableSmartCommit": true,
-  "git.autofetch": true
+  "workbench.iconTheme": "vscode-icons"
 }

package.json

@@ -1,13 +1,44 @@
 {
   "name": "yanglee2421.github.io",
-  "private": true,
-  "type": "module",
   "version": "0.0.0",
-  "description": "",
-  "keywords": [],
-  "author": "",
+  "description": "Single pages application for github pages, built with Vite, React, Vue and TypeScript.",
+  "keywords": [
+    "github-pages",
+    "vite",
+    "react",
+    "vue",
+    "typescript",
+    "spa"
+  ],
   "license": "MIT",
+  "author": "yanglee2421",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yanglee2421/yanglee2421.github.io.git",
+    "directory": "/"
+  },
+  "bugs": {
+    "url": "https://github.com/yanglee2421/yanglee2421.github.io/issues",
+    "email": "yanglee2421@outlook.com"
+  },
+  "homepage": "https://github.com/yanglee2421/yanglee2421.github.io/blob/main/README.md",
+  "private": true,
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    "types": "./dist/main.d.ts",
+    "import": "./dist/main.mjs",
+    "require": "./dist/main.cjs"
+  },
   "packageManager": "pnpm@10.30.1+sha512.3590e550d5384caa39bd5c7c739f72270234b2f6059e13018f975c313b1eb9fefcc09714048765d4d9efe961382c312e624572c0420762bdc5d5940cdf9be73a",
+  "scripts": {
+    "dev:react": "pnpm -F react-spa dev",
+    "dev:vue": "pnpm -F vue-spa dev",
+    "build:react": "pnpm -F react-spa build",
+    "build:vue": "pnpm -F vue-spa build"
+  },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@types/node": "^25.3.0",
@@ -17,6 +48,7 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
     "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.49.0"
   }

packages/react-spa/eslint.config.js

@@ -1,9 +1,9 @@
 import js from "@eslint/js";
-import globals from "globals";
-import tseslint from "typescript-eslint";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
-import { globalIgnores, defineConfig } from "eslint/config";
+import { defineConfig, globalIgnores } from "eslint/config";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 export default defineConfig([
   globalIgnores(["dist"]),

packages/react-spa/package.json

@@ -1,15 +1,36 @@
 {
   "name": "react-spa",
-  "private": true,
   "version": "0.0.0",
-  "type": "module",
-  "description": "Haven't decided what type of website to build yet",
+  "description": "Single page application template built with Vite, React and TypeScript.",
+  "keywords": [
+    "spa",
+    "vite",
+    "react",
+    "typescript",
+    "react-router"
+  ],
+  "license": "MIT",
+  "author": "yanglee2421",
   "repository": {
     "type": "git",
     "url": "https://github.com/yanglee2421/yanglee2421.github.io",
-    "directory": "/"
+    "directory": "/packages/react-spa"
+  },
+  "bugs": {
+    "url": "https://github.com/yanglee2421/yanglee2421.github.io/issues",
+    "email": "yanglee2421@outlook.com"
+  },
+  "homepage": "https://github.com/yanglee2421/yanglee2421.github.io/blob/main/README.md",
+  "private": true,
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    "types": "./dist/main.d.ts",
+    "import": "./dist/main.mjs",
+    "require": "./dist/main.cjs"
   },
-  "homepage": "https://yanglee2421.github.io",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
@@ -48,6 +69,7 @@
     "@tsparticles/preset-stars": "^3.2.0",
     "@tsparticles/react": "^3.0.0",
     "@tsparticles/slim": "^3.9.1",
+    "@yotulee/run": "jsr:^0.0.11",
     "axios": "^1.13.2",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.19",
@@ -73,7 +95,8 @@
     "shiki": "^3.20.0",
     "use-immer": "^0.11.0",
     "zod": "^4.1.13",
-    "zustand": "^5.0.9"
+    "zustand": "^5.0.9",
+    "zxing-wasm": "^3.0.0"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.3",