From c0d9c3b51a59408f1f0df7c86e3e1feb8301859b Mon Sep 17 00:00:00 2001
From: Shane <6071159+smashedr@users.noreply.github.com>
Date: Mon, 25 May 2026 16:05:46 -0700
Subject: [PATCH 1/3] Add Vite SSG

---
 .gitignore                  |   2 +
 .prettierrc.json            |   8 +-
 AGENTS.md                   |  38 +-
 index.html                  |   2 -
 package-lock.json           | 922 +++++++++++++++++++++++++++++++++++-
 package.json                |   3 +-
 public/theme.js             |  84 ----
 src/components/AppsView.vue |   5 +-
 src/config/apps.ts          |  88 +++-
 src/main.ts                 |  17 +-
 src/router/index.ts         |  49 +-
 src/utils/theme.js          |  90 ++++
 src/views/AboutView.vue     |   3 +
 src/views/HomeView.vue      |   3 +
 vite.config.ts              |  22 +-
 15 files changed, 1153 insertions(+), 183 deletions(-)
 delete mode 100644 public/theme.js
 create mode 100644 src/utils/theme.js

diff --git a/.gitignore b/.gitignore
index a3f7a51..790169d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ coverage
 
 # Vitest
 __screenshots__/
+
+.vite-ssg-temp/
diff --git a/.prettierrc.json b/.prettierrc.json
index 1bf34d7..577fddf 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/prettierrc",
   "semi": false,
   "singleQuote": true,
-  "printWidth": 100,
+  "printWidth": 90,
   "overrides": [
     {
       "files": ["**/*.vue"],
@@ -16,12 +16,6 @@
         "singleQuote": false,
         "printWidth": 120
       }
-    },
-    {
-      "files": ["**/*.js"],
-      "options": {
-        "tabWidth": 4
-      }
     }
   ]
 }
diff --git a/AGENTS.md b/AGENTS.md
index 6a46d7b..5510d24 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -1,18 +1,20 @@
-# cssnr-vue (cssnr.github.io)
+# Agents - cssnr-vue (cssnr.github.io)
 
 Vue 3 SPA — GitHub Pages org site showcasing CSSNR projects.
 
+Production Site: https://cssnr.github.io/
+
 ## Commands
 
-| Command                  | Action                                  |
-| ------------------------ | --------------------------------------- |
-| `npm run dev`            | Dev server at localhost:5173            |
-| `npm run tsc`            | Typecheck via `vue-tsc --build`         |
-| `npm run build`          | `tsc` then `vite build` (prebuild hook) |
-| `npm run lint`           | ESLint 10 with `--cache --fix`          |
-| `npm run lint:check`     | ESLint read-only                        |
-| `npm run prettier`       | `npx prettier --write .`                |
-| `npm run prettier:check` | Prettier read-only                      |
+| Command                  | Action                             |
+| ------------------------ | ---------------------------------- |
+| `npm run dev`            | Dev server at localhost:5173       |
+| `npm run tsc`            | TypeScript check `vue-tsc --build` |
+| `npm run build`          | `tsc` then `vite-ssg build`        |
+| `npm run lint`           | ESLint Write `--cache --fix`       |
+| `npm run lint:check`     | ESLint Check                       |
+| `npm run prettier`       | Prettier Write                     |
+| `npm run prettier:check` | Prettier Check                     |
 
 Run `lint` before `tsc` before `build`. No test framework exists.
 
@@ -23,13 +25,15 @@ Run `lint` before `tsc` before `build`. No test framework exists.
 - Lint CI checks: `lint:check` + `prettier:check` + yamllint + actionlint
 - Path alias `@/` → `src/`
 
+| Script     | Command                               |
+| ---------- | ------------------------------------- |
+| yamllint   | `yamllint -c .github/yamllint.yaml .` |
+| actionlint | `actionlint`                          |
+
 ## Architecture
 
-- **No state management (Pinia/Vuex)** — all data is static, imported from `src/config/`
-- `src/config/apps.ts` (~1068 lines) defines 9 categories of ~80+ projects — the site's core data
-- `src/router/index.ts` — 3 routes: `/` (Home), `/about` (lazy), catch-all redirects to `/`
-- Theme: `public/theme.js` (blocking `<script>` in `index.html`) applies `data-bs-theme` on `<html>` before Vue mounts; Vue's `ThemeSwitch.vue` toggles it
-- 404.html stores `location.href` in `sessionStorage.redirect`; `index.html` replays it (GitHub Pages SPA workaround)
+- `src/config/apps.ts` — list of apps
+- `src/router/index.ts` — vue router
 
 ## Environment
 
@@ -37,7 +41,9 @@ Copy `.env` from the template (not committed). Vars are `VITE_TITLE`, `VITE_*_UR
 
 ## CI
 
-- `pages.yaml`: push to `master` → npm build → deploy to GitHub Pages + optional Cloudflare purge + Algolia crawl
+Workflows in: `.github/workflows`
+
+- `pages.yaml`: push to `master` → npm build → deploy to GitHub Pages
 - `preview.yaml`: push non-master → npm build → deploy to `https://dev-static.cssnr.com/`
 - `lint.yaml`: push/PR to master → lint check
 
diff --git a/index.html b/index.html
index c132e0c..e849e68 100644
--- a/index.html
+++ b/index.html
@@ -32,8 +32,6 @@
 
     <meta name="algolia-site-verification" content="ACF04CBD957E449E" />
     <meta name="google-site-verification" content="QgNV0xhzb6npT9Lg3uD2NrL4a3-Jr6wl35rp5DCUe7o" />
-
-    <script src="/theme.js"></script>
   </head>
   <body class="d-flex flex-column h-100">
     <div id="app" class="d-flex h-100 flex-column"></div>
diff --git a/package-lock.json b/package-lock.json
index b7d6344..8e8acb4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,12 +30,68 @@
         "prettier": "3.8.3",
         "typescript": "^6.0.3",
         "vite": "^8.0.14",
+        "vite-ssg": "^28.3.0",
         "vue-tsc": "^3.3.2"
       },
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
     },
+    "node_modules/@acemir/cssom": {
+      "version": "0.9.31",
+      "resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.31.tgz",
+      "integrity": "sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "5.1.11",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
+      "integrity": "sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/generational-cache": "^1.0.1",
+        "@csstools/css-calc": "^3.2.0",
+        "@csstools/css-color-parser": "^4.1.0",
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.8.1.tgz",
+      "integrity": "sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.1.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.6"
+      }
+    },
+    "node_modules/@asamuzakjp/generational-cache": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/generational-cache/-/generational-cache-1.0.1.tgz",
+      "integrity": "sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@babel/generator": {
       "version": "8.0.0-rc.6",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-8.0.0-rc.6.tgz",
@@ -145,6 +201,159 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bramus/specificity": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.0"
+      },
+      "bin": {
+        "specificity": "bin/cli.js"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
+      "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.2.1.tgz",
+      "integrity": "sha512-DtdHlgXh5ZkA43cwBcAm+huzgJiwx3ZTWVjBs94kwz2xKqSimDA3lBgCjphYgwgVUMWatSM0pDd8TILB1yrVVg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.1.tgz",
+      "integrity": "sha512-eZ5XOtyhK+mggRafYUWzA0tvaYOFgdY8AkgQiCJF9qNAePnUo/zmsqqYubBBb3sQ8uNUaSKTY9s9klfRaAXL0g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^6.0.2",
+        "@csstools/css-calc": "^3.2.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.4.tgz",
+      "integrity": "sha512-wgsqt92b7C7tQhIdPNxj0n9zuUbQlvAuI1exyzeNrOKOi62SD7ren8zqszmpVREjAOqg8cD2FqYhQfAuKjk4sw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
+      "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@emnapi/core": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
@@ -273,6 +482,24 @@
         "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.1.tgz",
+      "integrity": "sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@fortawesome/fontawesome-free": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.2.0.tgz",
@@ -377,6 +604,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
@@ -1080,6 +1318,43 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@unhead/dom": {
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-2.1.15.tgz",
+      "integrity": "sha512-3/qtu2uOVW0eyYCIljweQ9sRDiFpCasGv9A7LjbcqWR9cxEPDYiJBiK2lVqPJT68qonAeXhtiS08PTCWTau8SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      },
+      "peerDependencies": {
+        "unhead": "2.1.15"
+      }
+    },
+    "node_modules/@unhead/vue": {
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-2.1.15.tgz",
+      "integrity": "sha512-SSByXfEjhzPn8gXdEdgpYqpLMPSkLUH2HVE0GxZfOtNsJ0GgOHQs0g9T67ZZ1z0kTELLKdtOtYrzrbv9+ffF7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hookable": "^6.0.1",
+        "unhead": "2.1.15"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      },
+      "peerDependencies": {
+        "vue": ">=3.5.18"
+      }
+    },
+    "node_modules/@unhead/vue/node_modules/hookable": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-6.1.1.tgz",
+      "integrity": "sha512-U9LYDy1CwhMCnprUfeAZWZGByVbhd54hwepegYTK7Pi5NvqEj63ifz5z+xukznehT7i6NIZRu89Ay1AZmRsLEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.7",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.7.tgz",
@@ -1391,6 +1666,16 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.15.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
@@ -1421,6 +1706,16 @@
       "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
       "license": "MIT"
     },
+    "node_modules/ansis": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansis/-/ansis-4.3.0.tgz",
+      "integrity": "sha512-44mvgtPvohuU/70DdY5Oz2AIrLJ9k6/5x4KmoSvPwO+5Moijo0+N9D0fKbbYZQWP1hNm5CpOf+E01jhxG/r8xg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/aos": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
@@ -1474,6 +1769,16 @@
         "node": "18 || 20 || >=22"
       }
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/birpc": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
@@ -1535,6 +1840,34 @@
         "node": ">=8"
       }
     },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -1556,6 +1889,29 @@
       "integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==",
       "license": "Unlicense"
     },
+    "node_modules/clean-css": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
+      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/confbox": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
@@ -1577,6 +1933,20 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1590,12 +1960,42 @@
         "node": ">=4"
       }
     },
+    "node_modules/cssstyle": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-6.2.0.tgz",
+      "integrity": "sha512-Fm5NvhYathRnXNVndkUsCCuR63DCLVVwGOOwQw782coXFi5HhkXdu289l59HlXZBawsyNccXfWRYvLzcDCdDig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^5.0.1",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.28",
+        "css-tree": "^3.1.0",
+        "lru-cache": "^11.2.6"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
+    "node_modules/data-urls": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -1614,6 +2014,13 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1631,6 +2038,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/entities": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
@@ -2091,6 +2509,92 @@
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
       "license": "MIT"
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-7.2.0.tgz",
+      "integrity": "sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "~5.3.2",
+        "commander": "^10.0.0",
+        "entities": "^4.4.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.15.1"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/html5parser": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html5parser/-/html5parser-2.0.2.tgz",
+      "integrity": "sha512-L0y+IdTVxHsovmye8MBtFgBvWZnq1C9WnI/SmJszxoQjmUH1psX2uzDk21O5k5et6udxdGjwxkbmT9eVRoG05w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.2.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -2144,6 +2648,13 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -2161,6 +2672,57 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
+    "node_modules/jsdom": {
+      "version": "28.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-28.1.0.tgz",
+      "integrity": "sha512-0+MoQNYyr2rBHqO1xilltfDjV9G7ymYGlAUazgcDLQaUf8JDHbuGwsxN6U9qWaElZ4w1B2r7yEGIL3GdeW3Rug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@acemir/cssom": "^0.9.31",
+        "@asamuzakjp/dom-selector": "^6.8.1",
+        "@bramus/specificity": "^2.4.2",
+        "@exodus/bytes": "^1.11.0",
+        "cssstyle": "^6.0.1",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^8.0.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.0",
+        "undici": "^7.21.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -2548,6 +3110,26 @@
       "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
       "license": "MIT"
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "11.5.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.0.tgz",
+      "integrity": "sha512-5YgH9UJd7wVb9hIouI2adWpgqrrICkt070Dnj8EUY1+B4B2P9eRLPAkAAo6NICA7CEhOIeBHl46u9zSNpNu7zA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -2572,6 +3154,13 @@
         "url": "https://github.com/sponsors/sxzz"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -2679,6 +3268,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
@@ -2742,6 +3342,54 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
+      "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/path-browserify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
@@ -2952,6 +3600,26 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
@@ -3021,6 +3689,19 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/scule": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
@@ -3063,6 +3744,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -3072,6 +3763,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/synckit": {
       "version": "0.11.12",
       "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.12.tgz",
@@ -3088,6 +3797,32 @@
         "url": "https://opencollective.com/synckit"
       }
     },
+    "node_modules/terser": {
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.48.0.tgz",
+      "integrity": "sha512-J/9An6vs9Us6wKRriSFXBWdRZapREHqFzdNUKk0pmu804EMR6dr6winwo7e5JDxN4xahxQsuysyYFwlwj4XN/Q==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.16",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
@@ -3133,6 +3868,26 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/tldts": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.0.tgz",
+      "integrity": "sha512-yHBe+zVfzNZ3QfTPW/Z6KK1G2t340gFjMHqI/4KKSt/abzYydzuCnpqdaF5gCCABby+9Yfbj59oR5F2Fd5CBzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.4.0"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.0.tgz",
+      "integrity": "sha512-/mb9kRld+x1sIMXxWNOAp5m6C+D4GrAORWlJkOJ5dElvxdN1eutz/o7qHLp9gFvDF4Y3/L2xeScoxz6AbEo8rQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -3146,6 +3901,32 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.1.tgz",
+      "integrity": "sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
@@ -3164,8 +3945,7 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "dev": true,
-      "license": "0BSD",
-      "optional": true
+      "license": "0BSD"
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -3224,6 +4004,16 @@
       "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
       "license": "MIT"
     },
+    "node_modules/undici": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.26.0.tgz",
+      "integrity": "sha512-3O9Tf67pGhgOv9jM35AbhkXAKi13f3oy3aE4CSgr+TckGeY+/iu97ZXN+J7DpHPzLbVApFd1IFhcnBjREYXYcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/undici-types": {
       "version": "7.24.6",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
@@ -3231,6 +4021,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unhead": {
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/unhead/-/unhead-2.1.15.tgz",
+      "integrity": "sha512-MCt5T90mCWyr3Z6pUCdM9lVRXoMoVBlL7z7U4CYVIiaDiuzad/UCfLuMqz5MeNmpZUgoBCQnrucJimU7EZR+XA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hookable": "^6.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/unhead/node_modules/hookable": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-6.1.1.tgz",
+      "integrity": "sha512-U9LYDy1CwhMCnprUfeAZWZGByVbhd54hwepegYTK7Pi5NvqEj63ifz5z+xukznehT7i6NIZRu89Ay1AZmRsLEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/unplugin": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.0.0.tgz",
@@ -3380,6 +4190,49 @@
         }
       }
     },
+    "node_modules/vite-ssg": {
+      "version": "28.3.0",
+      "resolved": "https://registry.npmjs.org/vite-ssg/-/vite-ssg-28.3.0.tgz",
+      "integrity": "sha512-dIUjv+scfhJTfYGwf83R0KGAmr/duIo9oln5ZsQOIZZACm3voAON//7oKhtEwaOTtD4QTTab+nhvyn0QiIaFMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/dom": "^2.1.2",
+        "@unhead/vue": "^2.1.2",
+        "ansis": "^4.2.0",
+        "cac": "^6.7.14",
+        "html-minifier-terser": "^7.2.0",
+        "html5parser": "^2.0.2",
+        "jsdom": "^28.0.0"
+      },
+      "bin": {
+        "vite-ssg": "bin/vite-ssg.js"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "beasties": "^0.3.5",
+        "prettier": "^3.3.0",
+        "vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0 || ^7.0.0-0 || ^8.0.0-0",
+        "vue": "^3.2.10",
+        "vue-router": "^4.0.1 || ^5.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "beasties": {
+          "optional": true
+        },
+        "prettier": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vite/node_modules/picomatch": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
@@ -3532,12 +4385,70 @@
         "typescript": ">=5.0.0"
       }
     },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/w3c-xmlserializer/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/webpack-virtual-modules": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "license": "MIT"
     },
+    "node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.11.0",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -3574,6 +4485,13 @@
         "node": ">=12"
       }
     },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/yaml": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
diff --git a/package.json b/package.json
index 9f6026d..24cf87e 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "prebuild": "npm run tsc",
-    "build": "vite build",
+    "build": "vite-ssg build",
     "build-only": "vite build",
     "dev": "vite",
     "lint": "eslint . --cache --fix",
@@ -40,6 +40,7 @@
     "prettier": "3.8.3",
     "typescript": "^6.0.3",
     "vite": "^8.0.14",
+    "vite-ssg": "^28.3.0",
     "vue-tsc": "^3.3.2"
   },
   "engines": {
diff --git a/public/theme.js b/public/theme.js
deleted file mode 100644
index 56f0aa6..0000000
--- a/public/theme.js
+++ /dev/null
@@ -1,84 +0,0 @@
-// JS Bootstrap Theme Switcher
-
-;(() => {
-    const getStoredTheme = () => localStorage.getItem('theme')
-    const setStoredTheme = (theme) => localStorage.setItem('theme', theme)
-    const getMediaMatch = () =>
-        window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-
-    const getPreferredTheme = () => {
-        const storedTheme = getStoredTheme()
-        if (storedTheme) {
-            return storedTheme
-        } else {
-            return getMediaMatch()
-        }
-    }
-
-    const setTheme = (theme) => {
-        // console.debug(`setTheme: ${theme}`)
-        if (theme === 'auto') {
-            document.documentElement.setAttribute('data-bs-theme', getMediaMatch())
-        } else {
-            document.documentElement.setAttribute('data-bs-theme', theme)
-        }
-    }
-
-    const stored = getStoredTheme()
-    if (!stored) {
-        setStoredTheme('auto')
-    }
-    setTheme(getPreferredTheme())
-
-    const showActiveTheme = (theme) => {
-        // console.debug(`showActiveTheme: ${theme}`)
-        const themeIcon = document.querySelector('#theme-icon')
-        if (!themeIcon) {
-            // console.debug('No Theme Icon to Set.')
-            return
-        }
-        document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
-            if (el.dataset.bsThemeValue === theme) {
-                const i = el.querySelector('i')
-                themeIcon.className = i.className + ' fa-lg'
-                el.classList.add('active')
-                el.setAttribute('aria-pressed', 'true')
-            } else {
-                el.classList.remove('active')
-                el.setAttribute('aria-pressed', 'false')
-            }
-        })
-    }
-
-    window.addEventListener('storage', (event) => {
-        // console.log('storage:', event)
-        if (event.key === 'theme') {
-            setTheme(event.newValue)
-            showActiveTheme(event.newValue)
-        }
-    })
-
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-        const storedTheme = getStoredTheme()
-        console.debug('prefers-color-scheme: change:', storedTheme)
-        if (storedTheme === 'auto') {
-            const preferred = getPreferredTheme()
-            setTheme(preferred)
-        }
-    })
-
-    window.addEventListener('DOMContentLoaded', () => {
-        const preferred = getPreferredTheme()
-        // console.debug('DOMContentLoaded: preferred:', preferred)
-        showActiveTheme(preferred)
-
-        document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
-            el.addEventListener('click', () => {
-                const value = el.getAttribute('data-bs-theme-value')
-                setStoredTheme(value)
-                setTheme(value)
-                showActiveTheme(value)
-            })
-        })
-    })
-})()
diff --git a/src/components/AppsView.vue b/src/components/AppsView.vue
index 399a954..76ef9ae 100644
--- a/src/components/AppsView.vue
+++ b/src/components/AppsView.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
+import { onMounted } from 'vue'
 import categories from '@/config/apps.ts'
 import AppCard from '@/components/AppCard.vue'
 
 import AOS from 'aos'
 import 'aos/dist/aos.css'
 
-AOS.init()
+onMounted(() => {
+  AOS.init()
+})
 
 // const names = categories.map((x) => x.name)
 // console.log('names:', names)
diff --git a/src/config/apps.ts b/src/config/apps.ts
index 6ce7f37..f5b2445 100644
--- a/src/config/apps.ts
+++ b/src/config/apps.ts
@@ -129,7 +129,8 @@ const webExtensions: Application[] = [
     github: 'cssnr/hls-video-downloader',
     url: 'https://github.com/cssnr/hls-video-downloader',
     icon: 'https://raw.githubusercontent.com/cssnr/hls-video-downloader/master/src/images/logo128.png',
-    description: 'Experimental Web Extension for Downloading HLS Videos using Native FFmpeg.',
+    description:
+      'Experimental Web Extension for Downloading HLS Videos using Native FFmpeg.',
     badges: {
       Google: googleBadge('mpmiiaolodhanoalpjncddpmnkbjicbo'),
       Mozilla: mozillaBadge('hls-video-downloader'),
@@ -172,7 +173,8 @@ const webExtensions: Application[] = [
     github: 'cssnr/zipline-extension',
     url: 'https://zipline-extension.cssnr.com/',
     icon: 'https://raw.githubusercontent.com/cssnr/zipline-extension/master/src/media/logo128.png',
-    description: 'Zipline Web Extension to Upload, View and Edit files from a Zipline v4 Server.',
+    description:
+      'Zipline Web Extension to Upload, View and Edit files from a Zipline v4 Server.',
     badges: {
       Google: googleBadge('flmepeihikildcikjbmikbbmbeemedja'),
       Mozilla: mozillaBadge('zipline-extension'),
@@ -208,7 +210,8 @@ const webExtensions: Application[] = [
       Github: ghDownBadge('cssnr/geo-image'),
     },
     links: {
-      Firefox: 'https://github.com/cssnr/geo-image/releases/latest/download/geoimage-firefox.xpi',
+      Firefox:
+        'https://github.com/cssnr/geo-image/releases/latest/download/geoimage-firefox.xpi',
     },
     fa: 'javascript',
   },
@@ -224,7 +227,8 @@ const webExtensions: Application[] = [
       Github: ghDownBadge('cssnr/new-tab'),
     },
     links: {
-      Firefox: 'https://github.com/cssnr/new-tab/releases/latest/download/geoimage-firefox.xpi',
+      Firefox:
+        'https://github.com/cssnr/new-tab/releases/latest/download/geoimage-firefox.xpi',
     },
     fa: 'javascript',
   },
@@ -349,7 +353,8 @@ const mobileApplications: Application[] = [
       'Android Application for sharing, uploading, and viewing files hosted on Zipline v4 server.',
     badges: { Github: ghDownBadge('cssnr/zipline-android') },
     links: {
-      Download: 'https://github.com/cssnr/zipline-android/releases/latest/download/app-release.apk',
+      Download:
+        'https://github.com/cssnr/zipline-android/releases/latest/download/app-release.apk',
       Zipline: 'https://github.com/diced/zipline',
     },
     fa: 'kotlin',
@@ -418,7 +423,8 @@ const pyPackages: Application[] = [
     github: 'cssnr/toml-run',
     url: 'https://cssnr.github.io/toml-run/',
     icon: 'https://cssnr.github.io/toml-run/assets/images/logo.svg',
-    description: 'Define custom scripts in your pyproject.toml and easily run them with this tool.',
+    description:
+      'Define custom scripts in your pyproject.toml and easily run them with this tool.',
     badges: { PyPi: pypiBadge('toml-run') },
     links: { PyPi: 'https://pypi.org/project/toml-run' },
     fa: 'python',
@@ -456,7 +462,10 @@ const pyPackages: Application[] = [
     icon: 'https://zipline-cli.cssnr.com/assets/images/logo.png',
     description: 'Command Line Interface for Zipline and Django Files.',
     badges: { PyPi: pypiBadge('zipline-cli') },
-    links: { PyPi: 'https://pypi.org/project/zipline-cli', Zipline: 'https://zipline.diced.sh/' },
+    links: {
+      PyPi: 'https://pypi.org/project/zipline-cli',
+      Zipline: 'https://zipline.diced.sh/',
+    },
     fa: 'python',
   },
   {
@@ -477,7 +486,8 @@ const pyPackages: Application[] = [
     github: 'cssnr/npmstat',
     url: 'https://cssnr.github.io/npmstat/',
     icon: 'https://cssnr.github.io/npmstat/assets/images/logo.svg',
-    description: 'Get NPM Package Stats and Info from the command line or as a Python module.',
+    description:
+      'Get NPM Package Stats and Info from the command line or as a Python module.',
     badges: { PyPi: pypiBadge('npmstat') },
     links: { PyPi: 'https://pypi.org/project/npmstat' },
     fa: 'python',
@@ -539,7 +549,8 @@ const npmPackages: Application[] = [
     github: 'cssnr/vitepress-plugin-copybutton',
     url: 'https://vitepress-copybutton.cssnr.com/',
     icon: 'https://vitepress-copybutton.cssnr.com/images/logo.png',
-    description: 'A VitePress Plugin to easily add a Copy Button with automatic text detection.',
+    description:
+      'A VitePress Plugin to easily add a Copy Button with automatic text detection.',
     badges: { Github: npmDownBadge('cssnr/vitepress-plugin-copybutton') },
     links: { NPM: 'https://www.npmjs.com/package/@cssnr/vitepress-plugin-copybutton' },
     fa: 'npm',
@@ -589,7 +600,8 @@ const webApplications: Application[] = [
     // badges: {},
     links: {
       API: 'https://badges.cssnr.com/',
-      Dashboard: 'https://cssnr.grafana.net/public-dashboards/8a24a95171fe4127ada92afb071b9331',
+      Dashboard:
+        'https://cssnr.grafana.net/public-dashboards/8a24a95171fe4127ada92afb071b9331',
     },
     fa: 'python',
   },
@@ -598,7 +610,8 @@ const webApplications: Application[] = [
     github: 'django-files/django-files',
     url: 'https://django-files.github.io/',
     icon: 'https://raw.githubusercontent.com/django-files/web-extension/master/src/media/logo128.png',
-    description: 'A Feature Packed Self-Hosted File Manager for Sharing Files with ShareX.',
+    description:
+      'A Feature Packed Self-Hosted File Manager for Sharing Files with ShareX.',
     // badges: {},
     links: { Website: 'https://django-files.github.io/' },
     fa: 'python',
@@ -608,7 +621,8 @@ const webApplications: Application[] = [
     github: 'cssnr/smwc-web',
     url: 'https://smwcworld.com/',
     icon: 'https://smwcworld.com/static/images/logo.png',
-    description: 'SMWCentral ROM Archive to archive, download, notify, patch and play SMW ROMs.',
+    description:
+      'SMWCentral ROM Archive to archive, download, notify, patch and play SMW ROMs.',
     // badges: {},
     links: { Website: 'https://smwcworld.com/' },
     fa: 'python',
@@ -618,7 +632,8 @@ const webApplications: Application[] = [
     github: '',
     url: 'https://slashgif.com/',
     icon: 'https://slashgif.com/static/images/slashgif.png',
-    description: 'Slack App to search for a random GIF and preview it, before posting publicly.',
+    description:
+      'Slack App to search for a random GIF and preview it, before posting publicly.',
     // badges: {},
     links: { Website: 'https://slashgif.com/' },
     fa: 'python',
@@ -634,7 +649,8 @@ const dockerImages: Application[] = [
     description: 'Nginx Docker Image for Proxying to Other Services.',
     badges: { Size: imageSizeBadge('cssnr/docker-nginx-proxy', 'docker-nginx-proxy') },
     links: {
-      Package: 'https://github.com/cssnr/docker-nginx-proxy/pkgs/container/docker-nginx-proxy',
+      Package:
+        'https://github.com/cssnr/docker-nginx-proxy/pkgs/container/docker-nginx-proxy',
     },
     fa: 'docker',
   },
@@ -647,7 +663,8 @@ const dockerImages: Application[] = [
     description: 'Nginx Docker Image for Serving Static Files.',
     badges: { Size: imageSizeBadge('cssnr/docker-nginx-static', 'docker-nginx-static') },
     links: {
-      Package: 'https://github.com/cssnr/docker-nginx-static/pkgs/container/docker-nginx-static',
+      Package:
+        'https://github.com/cssnr/docker-nginx-static/pkgs/container/docker-nginx-static',
     },
     fa: 'docker',
   },
@@ -657,7 +674,9 @@ const dockerImages: Application[] = [
     url: 'https://github.com/smashedr/github-readme-stats/',
     icon: '',
     description: 'GitHub Readme Stats Docker Images, Compose and Workflows.',
-    badges: { Size: imageSizeBadge('smashedr/github-readme-stats', 'github-readme-stats') },
+    badges: {
+      Size: imageSizeBadge('smashedr/github-readme-stats', 'github-readme-stats'),
+    },
     links: {
       Package: 'https://github.com/smashedr?tab=packages&repo_name=github-readme-stats',
       Source: 'https://github.com/anuraghazra/github-readme-stats',
@@ -672,7 +691,8 @@ const githubActions: Application[] = [
     github: 'cssnr/webstore-publish-action',
     url: 'https://docker-deploy.cssnr.com/',
     icon: 'https://raw.githubusercontent.com/cssnr/webstore-publish-action/refs/heads/master/.github/assets/logo.svg',
-    description: 'Publish Web Extensions to the Chrome Web Store v2 using Service Account.',
+    description:
+      'Publish Web Extensions to the Chrome Web Store v2 using Service Account.',
     badges: { UsedBy: usedByBadge('cssnr/webstore-publish-action') },
     links: { Actions: 'https://github.com/marketplace/actions/docker-stack-deploy' },
     fa: 'powershell',
@@ -694,7 +714,9 @@ const githubActions: Application[] = [
     icon: 'https://raw.githubusercontent.com/cssnr/portainer-stack-deploy-docs/refs/heads/master/docs/public/images/logo/logo.png',
     description: 'Deploy Docker Stack to a Portainer Host using the Portainer API.',
     badges: { UsedBy: usedByBadge('cssnr/portainer-stack-deploy-action') },
-    links: { Actions: 'https://github.com/marketplace/actions/portainer-stack-deploy-action' },
+    links: {
+      Actions: 'https://github.com/marketplace/actions/portainer-stack-deploy-action',
+    },
     fa: 'javascript',
   },
   {
@@ -713,7 +735,8 @@ const githubActions: Application[] = [
     github: 'cssnr/docker-tags-action',
     url: 'https://github.com/cssnr/docker-tags-action',
     icon: 'https://raw.githubusercontent.com/cssnr/docker-tags-action/refs/heads/master/.github/assets/logo.svg',
-    description: 'Generate Docker Tags and Labels for building Docker images with GitHub Actions.',
+    description:
+      'Generate Docker Tags and Labels for building Docker images with GitHub Actions.',
     badges: { UsedBy: usedByBadge('cssnr/docker-tags-action') },
     links: { Actions: 'https://github.com/marketplace/actions/docker-tags' },
     fa: 'javascript',
@@ -724,8 +747,12 @@ const githubActions: Application[] = [
     url: 'https://github.com/cssnr/update-version-tags-action',
     icon: '',
     description: 'Update Version Tags on Push or Release for Semantic Versions.',
-    badges: { UsedBy: usedByBadge('cssnr/update-version-tags-action', 'UGFja2FnZS01Nzg2OTE4MTQ0') },
-    links: { Actions: 'https://github.com/marketplace/actions/update-version-tags-action' },
+    badges: {
+      UsedBy: usedByBadge('cssnr/update-version-tags-action', 'UGFja2FnZS01Nzg2OTE4MTQ0'),
+    },
+    links: {
+      Actions: 'https://github.com/marketplace/actions/update-version-tags-action',
+    },
     fa: 'javascript',
   },
   {
@@ -755,9 +782,14 @@ const githubActions: Application[] = [
     icon: '',
     description: 'Easily Purge Cloudflare Cache.',
     badges: {
-      UsedBy: usedByBadge('cssnr/cloudflare-purge-cache-action', 'UGFja2FnZS01ODQ1MzI4NzQy'),
+      UsedBy: usedByBadge(
+        'cssnr/cloudflare-purge-cache-action',
+        'UGFja2FnZS01ODQ1MzI4NzQy',
+      ),
+    },
+    links: {
+      Actions: 'https://github.com/marketplace/actions/cloudflare-purge-zone-cache',
     },
-    links: { Actions: 'https://github.com/marketplace/actions/cloudflare-purge-zone-cache' },
     fa: 'python',
   },
   {
@@ -765,7 +797,8 @@ const githubActions: Application[] = [
     github: 'cssnr/actions-up-action',
     url: 'https://github.com/cssnr/actions-up-action',
     icon: '',
-    description: 'Check Actions for Updates with actions-up and report out-of-date actions.',
+    description:
+      'Check Actions for Updates with actions-up and report out-of-date actions.',
     badges: { UsedBy: usedByBadge('cssnr/actions-up-action') },
     links: { Actions: 'https://github.com/marketplace/actions/actions-up' },
     fa: 'javascript',
@@ -775,7 +808,8 @@ const githubActions: Application[] = [
     github: 'cssnr/actionlint-action',
     url: 'https://github.com/cssnr/actionlint-action',
     icon: '',
-    description: 'Easily use rhysd/actionlint in a Workflow run with Pyflakes and Actions caching.',
+    description:
+      'Easily use rhysd/actionlint in a Workflow run with Pyflakes and Actions caching.',
     badges: { UsedBy: usedByBadge('cssnr/actionlint-action') },
     links: { Actions: 'https://github.com/marketplace/actions/rhysd-actionlint-action' },
     fa: 'javascript',
@@ -937,7 +971,9 @@ const githubActions: Application[] = [
     icon: '',
     description: 'Update the Mozilla Firefox Update JSON File after a Release.',
     badges: { UsedBy: usedByBadge('cssnr/mozilla-addon-update-action') },
-    links: { Actions: 'https://github.com/marketplace/actions/mozilla-addon-update-action' },
+    links: {
+      Actions: 'https://github.com/marketplace/actions/mozilla-addon-update-action',
+    },
     fa: 'python',
   },
   {
diff --git a/src/main.ts b/src/main.ts
index 82d1336..874f168 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,16 +1,15 @@
-import './assets/main.css'
+import '@/assets/main.css'
+import '@/utils/theme.js'
 
 import '@fortawesome/fontawesome-free/css/all.min.css'
 import 'animate.css'
+
 import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap'
 
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-
-const app = createApp(App)
-
-app.use(router)
+import { ViteSSG } from 'vite-ssg'
+import App from '@/App.vue'
+import { routes } from '@/router'
 
-app.mount('#app')
+// noinspection JSUnusedGlobalSymbols
+export const createApp = ViteSSG(App, { routes })
diff --git a/src/router/index.ts b/src/router/index.ts
index 0563f91..086745d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,39 +1,36 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
-// import NotFound from '@/views/NotFound.vue'
 
-// https://router.vuejs.org/guide/
+export const routes = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView,
+    meta: { name: 'Home' },
+  },
+  {
+    path: '/about',
+    name: 'about',
+    component: () => import('../views/AboutView.vue'),
+    meta: { name: 'About' },
+  },
+  {
+    path: '/:pathMatch(.*)*',
+    name: 'NotFound',
+    redirect: () => {
+      return '/'
+    },
+  },
+]
+
 const router = createRouter({
-  // https://router.vuejs.org/guide/essentials/history-mode.html
   history: createWebHistory(import.meta.env.BASE_URL),
-  // https://router.vuejs.org/guide/advanced/scroll-behavior
   scrollBehavior(to, from, savedPosition) {
     if (to.hash) return { el: to.hash, behavior: 'smooth' }
     if (savedPosition) return savedPosition
     return { top: 0, behavior: 'smooth' }
   },
-  // https://router.vuejs.org/guide/advanced/meta.html
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: HomeView,
-      meta: { name: 'Home' },
-    },
-    {
-      path: '/about',
-      name: 'about',
-      component: () => import('../views/AboutView.vue'),
-      meta: { name: 'About' },
-    },
-    {
-      path: '/:pathMatch(.*)*',
-      name: 'NotFound',
-      redirect: () => {
-        return '/'
-      },
-    },
-  ],
+  routes,
 })
 
 export default router
diff --git a/src/utils/theme.js b/src/utils/theme.js
new file mode 100644
index 0000000..e771567
--- /dev/null
+++ b/src/utils/theme.js
@@ -0,0 +1,90 @@
+// JS Bootstrap Theme Switcher
+
+;(() => {
+  if (import.meta.env.SSR) return
+
+  const getStoredTheme = () => localStorage.getItem('theme')
+  const setStoredTheme = (theme) => localStorage.setItem('theme', theme)
+  const getMediaMatch = () =>
+    window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+
+  const getPreferredTheme = () => {
+    const storedTheme = getStoredTheme()
+    if (storedTheme) {
+      return storedTheme
+    } else {
+      return getMediaMatch()
+    }
+  }
+
+  const setTheme = (theme) => {
+    // console.debug(`setTheme: ${theme}`)
+    if (theme === 'auto') {
+      document.documentElement.dataset.bsTheme = getMediaMatch()
+    } else {
+      document.documentElement.dataset.bsTheme = theme
+    }
+  }
+
+  const stored = getStoredTheme()
+  if (!stored) {
+    setStoredTheme('auto')
+  }
+  setTheme(getPreferredTheme())
+
+  const showActiveTheme = (theme) => {
+    // console.debug(`showActiveTheme: ${theme}`)
+    const themeIcons = document.querySelectorAll('.theme-icon')
+    // console.debug('themeIcons:', themeIcons)
+    if (!themeIcons) {
+      // console.debug('No Theme Icon to Set.')
+      return
+    }
+    document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
+      // noinspection JSUnresolvedReference
+      if (el.dataset.bsThemeValue === theme) {
+        const i = el.querySelector('i')
+        // console.debug('i.className:', i.className)
+        themeIcons.forEach((icon) => (icon.className = i.className + ' fa-lg theme-icon'))
+        el.classList.add('active')
+        el.setAttribute('aria-pressed', 'true')
+      } else {
+        el.classList.remove('active')
+        el.setAttribute('aria-pressed', 'false')
+      }
+    })
+  }
+
+  window.addEventListener('storage', (event) => {
+    // console.debug('storage:', event)
+    if (event.key === 'theme') {
+      setTheme(event.newValue)
+      showActiveTheme(event.newValue)
+    }
+  })
+
+  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+    const storedTheme = getStoredTheme()
+    console.debug('prefers-color-scheme: change:', storedTheme)
+    if (storedTheme === 'auto') {
+      const preferred = getPreferredTheme()
+      setTheme(preferred)
+    }
+  })
+
+  window.addEventListener('DOMContentLoaded', () => {
+    const preferred = getPreferredTheme()
+    // console.debug('DOMContentLoaded: preferred:', preferred)
+    showActiveTheme(preferred)
+
+    document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
+      el.addEventListener('click', () => {
+        // noinspection JSUnresolvedReference
+        const value = el.dataset.bsThemeValue
+        setStoredTheme(value)
+        setTheme(value)
+        showActiveTheme(value)
+      })
+    })
+  })
+})()
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 98748c7..d3b3359 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
+import { useHead } from '@unhead/vue'
 import { SETTINGS } from '@/config/settings.ts'
 import { aboutBadges, aboutLinks } from '@/config/links.ts'
 import GHStatsCard from '@/components/GHStatsCard.vue'
 import HeadingTitle from '@/components/HeadingTitle.vue'
 
 const urlPath = (url: string) => new URL(url).pathname.slice(1)
+
+useHead({ title: `About - ${SETTINGS.title}` })
 </script>
 
 <template>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a97daf8..f31f051 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
+import { useHead } from '@unhead/vue'
 import { SETTINGS } from '@/config/settings.ts'
 import AppsView from '@/components/AppsView.vue'
 import HeadingTitle from '@/components/HeadingTitle.vue'
+
+useHead({ title: SETTINGS.title })
 </script>
 
 <template>
diff --git a/vite.config.ts b/vite.config.ts
index ba2ef9d..773d35f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,23 +2,27 @@ import { fileURLToPath, URL } from 'node:url'
 import { copyFileSync } from 'node:fs'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+// noinspection ES6UnusedImports
+import type {} from 'vite-ssg'
 
 // https://vite.dev/config/
 export default defineConfig({
   // base: '/cssnr-vue/',
-  plugins: [
-    vue(),
-    {
-      name: 'copy-index-to-404',
-      closeBundle() {
-        copyFileSync('dist/index.html', 'dist/404.html')
-      },
-    },
-  ],
+  plugins: [vue()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
   server: { allowedHosts: true },
+  ssgOptions: {
+    mock: true,
+    script: 'async',
+    onFinished() {
+      copyFileSync('dist/index.html', 'dist/404.html')
+    },
+  },
+  ssr: {
+    noExternal: ['bootstrap'],
+  },
 })

From a150cff5eb1c9d71dc78a4b813b8c7d952cb6455 Mon Sep 17 00:00:00 2001
From: Shane <6071159+smashedr@users.noreply.github.com>
Date: Mon, 25 May 2026 18:17:22 -0700
Subject: [PATCH 2/3] Add NotFoundView.vue

---
 public/404.html            | 29 -----------------------------
 src/router/index.ts        | 11 +++++++----
 src/views/NotFoundView.vue | 30 ++++++++++++++++++++++++++++++
 vite.config.ts             |  4 ----
 4 files changed, 37 insertions(+), 37 deletions(-)
 delete mode 100644 public/404.html
 create mode 100644 src/views/NotFoundView.vue

diff --git a/public/404.html b/public/404.html
deleted file mode 100644
index 1a68110..0000000
--- a/public/404.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Page Not Found</title>
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-      body {
-        font-family: system-ui, sans-serif;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        min-height: 100vh;
-        color: #333;
-      }
-      h1 {
-        font-size: 1.5rem;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>Page Not Found</h1>
-  </body>
-</html>
diff --git a/src/router/index.ts b/src/router/index.ts
index 086745d..8ad8f2e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import NotFoundView from '../views/NotFoundView.vue'
 
 export const routes = [
   {
@@ -14,12 +15,14 @@ export const routes = [
     component: () => import('../views/AboutView.vue'),
     meta: { name: 'About' },
   },
+  {
+    path: '/404',
+    name: '404',
+    component: NotFoundView,
+  },
   {
     path: '/:pathMatch(.*)*',
-    name: 'NotFound',
-    redirect: () => {
-      return '/'
-    },
+    component: NotFoundView,
   },
 ]
 
diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
new file mode 100644
index 0000000..a10a25c
--- /dev/null
+++ b/src/views/NotFoundView.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { routes } from '@/router'
+import { SETTINGS } from '@/config/settings.ts'
+import { RouterLink } from 'vue-router'
+import { useHead } from '@unhead/vue'
+import HeadingTitle from '@/components/HeadingTitle.vue'
+
+useHead({ title: `Not Found - ${SETTINGS.title}` })
+</script>
+
+<template>
+  <div class="container-fluid">
+    <HeadingTitle fa="fa-regular fa-circle-question text-danger"> Not Found</HeadingTitle>
+    <p class="lead">The page you were looking for could not be found.</p>
+
+    <ul>
+      <template v-for="{ meta, path } in routes" :key="path">
+        <li v-if="meta?.name">
+          <RouterLink :to="path" class="text-decoration-none link-body-emphasis" active-class="fw-bold">
+            {{ meta?.name }}
+          </RouterLink>
+        </li>
+      </template>
+    </ul>
+
+    <p class="lead text-center mt-5">
+      <RouterLink to="/" class="text-decoration-none link-body-emphasis">Home Page</RouterLink>
+    </p>
+  </div>
+</template>
diff --git a/vite.config.ts b/vite.config.ts
index 773d35f..aa5d244 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,4 @@
 import { fileURLToPath, URL } from 'node:url'
-import { copyFileSync } from 'node:fs'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 // noinspection ES6UnusedImports
@@ -18,9 +17,6 @@ export default defineConfig({
   ssgOptions: {
     mock: true,
     script: 'async',
-    onFinished() {
-      copyFileSync('dist/index.html', 'dist/404.html')
-    },
   },
   ssr: {
     noExternal: ['bootstrap'],

From ef720f5cae08f635be57eb05080560039c1d4954 Mon Sep 17 00:00:00 2001
From: Shane <6071159+smashedr@users.noreply.github.com>
Date: Mon, 25 May 2026 18:22:55 -0700
Subject: [PATCH 3/3] Restore theme.js script

---
 index.html                     | 2 ++
 {src/utils => public}/theme.js | 2 --
 src/main.ts                    | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)
 rename {src/utils => public}/theme.js (98%)

diff --git a/index.html b/index.html
index e849e68..c132e0c 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,8 @@
 
     <meta name="algolia-site-verification" content="ACF04CBD957E449E" />
     <meta name="google-site-verification" content="QgNV0xhzb6npT9Lg3uD2NrL4a3-Jr6wl35rp5DCUe7o" />
+
+    <script src="/theme.js"></script>
   </head>
   <body class="d-flex flex-column h-100">
     <div id="app" class="d-flex h-100 flex-column"></div>
diff --git a/src/utils/theme.js b/public/theme.js
similarity index 98%
rename from src/utils/theme.js
rename to public/theme.js
index e771567..66803bb 100644
--- a/src/utils/theme.js
+++ b/public/theme.js
@@ -1,8 +1,6 @@
 // JS Bootstrap Theme Switcher
 
 ;(() => {
-  if (import.meta.env.SSR) return
-
   const getStoredTheme = () => localStorage.getItem('theme')
   const setStoredTheme = (theme) => localStorage.setItem('theme', theme)
   const getMediaMatch = () =>
diff --git a/src/main.ts b/src/main.ts
index 874f168..5b10081 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,4 @@
 import '@/assets/main.css'
-import '@/utils/theme.js'
 
 import '@fortawesome/fontawesome-free/css/all.min.css'
 import 'animate.css'