chore: move to pnpm, reduce packages and prepare for TS ?

Author: EDM115

.gitignore

@@ -3,4 +3,6 @@ dist
 external-mods
 logs
 node_modules
-package-lock.json
+pnpm-lock.yaml
+.qodo
+.eslintcache

README.md

@@ -8,6 +8,7 @@ Basically my website, hosted at [edm115.dev](https://edm115.dev) ([edm115.eu.org
 - Vue 3 + Vite + Vuetify :white_check_mark:
 - Drop of Bootstrap (and most libraries) :white_check_mark:
 - Dark theme (by default) :white_check_mark:
+- TypeScript :x:
 - Usage of the Dracula color scheme if possible :white_check_mark:
 - Modern feel, glassy interface :x:
 - Custom cursor on few elements :x:
@@ -36,14 +37,14 @@ Basically my website, hosted at [edm115.dev](https://edm115.dev) ([edm115.eu.org
 ## Minimal repro
 ```bash
 git clone https://github.com/EDM115/website.git && cd website
-npm run i
-npm run dev
+pnpm i
+pnpm dev
 ```
 
 ```bash
-npm run lint-fix
-npm run build
-npm run serve
+pnpm lint:fix
+pnpm build
+pnpm preview
 ```
 
 ---
@@ -92,13 +93,13 @@ server {
             proxy_pass http://127.0.0.1:9898;
             break;
         }
-	
-	if ($host ~* ^cursedchess-vps) {
+
+        if ($host ~* ^cursedchess-vps) {
             proxy_pass http://127.0.0.1:6969;
             break;
         }
 
-	if ($host ~* ^dicewizard-vps) {
+        if ($host ~* ^dicewizard-vps) {
             proxy_pass http://127.0.0.1:8686;
             break;
         }
@@ -108,7 +109,7 @@ server {
             break;
         }
 
-	if ($host ~* ^logs-vps) {
+        if ($host ~* ^logs-vps) {
             proxy_pass http://127.0.0.1:10000;
             break;
         }
@@ -128,7 +129,7 @@ server {
 
         # When using npm run serve
         # return proxy_pass http://127.0.0.1:10101;
-        
+
         root /home/edm115/website/dist;
         index index.html;
         try_files $uri $uri/ /index.html;

package.json

@@ -7,43 +7,36 @@
   "dependencies": {
     "cookiejs": "2.1.3",
     "ofetch": "1.4.1",
-    "http-server": "14.1.1",
     "vue": "3.5.13",
     "vue-i18n": "11.1.2",
     "vue-router": "4.5.0",
     "vuetify": "3.7.18"
   },
   "description": "EDM115's website",
   "devDependencies": {
-    "@formkit/auto-animate": "0.8.2",
-    "@iconify/json": "2.2.319",
+    "@eslint/js": "9.23.0",
+    "@iconify/json": "^2.2.319",
     "@intlify/unplugin-vue-i18n": "6.0.5",
     "@stylistic/eslint-plugin": "4.2.0",
     "@unhead/vue": "1.11.20",
     "@vitejs/plugin-vue": "5.2.3",
     "@vue/compiler-sfc": "3.5.13",
-    "@vueuse/components": "13.0.0",
-    "@vueuse/core": "13.0.0",
-    "@vueuse/gesture": "2.0.0",
-    "@vueuse/motion": "3.0.3",
-    "@vueuse/router": "13.0.0",
     "aos": "2.3.4",
     "country-flag-emoji-polyfill": "0.1.8",
     "eslint": "9.23.0",
-    "eslint-plugin-vue": "9.32.0",
+    "eslint-plugin-vue": "10.0.0",
+    "globals": "16.0.0",
     "gsap": "3.12.7",
     "highlight.js": "11.11.1",
-    "js-imports-sort": "1.2.0",
-    "magic-regexp": "0.8.0",
     "markdown-it-anchor": "9.2.0",
     "markdown-it-attrs": "4.3.1",
     "markdown-it-emoji": "3.0.0",
     "markdown-it-highlightjs": "4.2.0",
     "pinia": "3.0.1",
     "sass-embedded": "1.86.0",
     "sass-loader": "16.0.5",
-    "unplugin-icons": "22.1.0",
     "unplugin-fonts": "1.3.1",
+    "unplugin-icons": "22.1.0",
     "unplugin-vue-components": "28.4.1",
     "unplugin-vue-markdown": "28.3.1",
     "vite": "6.2.2",
@@ -54,6 +47,13 @@
   "homepage": "https://edm115.dev",
   "license": "MIT",
   "name": "edm115-website",
+  "packageManager": "[email protected]",
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild",
+      "vue-demi"
+    ]
+  },
   "private": true,
   "repository": {
     "type": "git",
@@ -62,12 +62,11 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite --port 8888",
-    "i": "npm i --no-audit --no-fund",
-    "lint": "eslint .",
-    "lint-fix": "eslint . --fix",
-    "preview": "vite preview --port 8888",
-    "serve": "http-server dist --port 10101 --log-ip --no-dotfiles"
+    "lint": "eslint . --cache --cache-location .eslintcache",
+    "lint:fix": "eslint . --fix",
+    "lint:no-cache": "eslint .",
+    "preview": "vite preview --port 8000"
   },
   "type": "module",
-  "version": "0.5.5"
+  "version": "0.5.6"
 }

src/main.js

@@ -19,8 +19,6 @@ import cookie from "cookiejs"
 import App from "./App.vue"
 import router from "./router"
 
-import { GesturePlugin } from "@vueuse/gesture"
-import { MotionPlugin } from "@vueuse/motion"
 import { createHead } from "@unhead/vue"
 import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill"
 import { createPinia } from "pinia"
@@ -98,9 +96,7 @@ app.use(createVuetify({
   }
 }))
 app.use(i18n)
-app.use(GesturePlugin)
 app.use(head)
-app.use(MotionPlugin)
 app.use(router)
 
 app.mount("#app")

vite.config.js

@@ -11,7 +11,6 @@ import vueDevTools from "vite-plugin-vue-devtools"
 import Markdown from "unplugin-vue-markdown/vite"
 import svgLoader from "vite-svg-loader"
 
-import { MagicRegExpTransformPlugin } from "magic-regexp/transform"
 import { full as emoji } from "markdown-it-emoji"
 import { fileURLToPath, URL } from "node:url"
 import { defineConfig } from "vite"
@@ -28,7 +27,7 @@ export default defineConfig({
         api: "modern-compiler"
       }
     },
-    preprocessorMaxWorkers: 2
+    preprocessorMaxWorkers: 4
   },
   esbuild: {
     target: "esnext"
@@ -121,7 +120,6 @@ export default defineConfig({
         }
       }
     }),
-    MagicRegExpTransformPlugin.vite(),
     Components({
       collapseSamePrefixes: true,
       directoryAsNamespace: true,