Refactor project to replace Preact with Vue

.github/workflows/deploy.yml

@@ -1,44 +1,36 @@
 name: Deploy
-on:
-  push:
-    branches: main
-  pull_request:
-    branches: main
 
-jobs:
-  deploy:
-    name: Deploy
-    runs-on: ubuntu-latest
-
-    permissions:
-      id-token: write # Needed for auth with Deno Deploy
-      contents: read # Needed to clone the repository
-
-    steps:
-      - name: Clone repository
-        uses: actions/checkout@v4
-
-      - name: Install Deno
-        uses: denoland/setup-deno@v2
-        with:
-          deno-version: v2.x
+on: [push, pull_request]
 
-      - name: Install Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
-
-      - name: Install step
-        run: "npm install"
-
-      - name: Build step
-        run: "npm run build"
-
-      - name: Upload to Deno Deploy
-        uses: denoland/deployctl@v1
-        with:
-          project: "profile-views"
-          entrypoint: "server/entry.mjs"
-          root: "dist"
-
-
+jobs:
+ deploy:
+  name: Deploy
+  runs-on: ubuntu-latest
+  strategy:
+   fail-fast: false
+   matrix:
+    node: ["lts/*"]
+  permissions:
+   id-token: write
+   contents: read
+  steps:
+   - name: 🧱 Checkout repository
+     uses: actions/checkout@v4
+   - name: 🔩 Setup PNPM
+     uses: pnpm/action-setup@v4
+     with:
+      standalone: true
+   - name: 🔩 Setup Node ${{ matrix.node }}
+     uses: actions/setup-node@v4
+     with:
+      node-version: ${{ matrix.node }}
+      cache: "pnpm"
+   - name: 🚀 Install dependencies
+     run: pnpm install
+   - name: 🚀 Build project
+     run: pnpm run build
+   - name: 🚀 Upload to Deno Deploy
+     uses: denoland/deployctl@v1
+     with:
+      project: ${{ vars.DENO_DEPLOY_PROJECT }}
+      entrypoint: dist/server/entry.mjs

.github/workflows/format-check.yml

@@ -14,9 +14,8 @@ jobs:
    - name: 🧱 Checkout repository
      uses: actions/checkout@v4
    - name: 🔩 Setup PNPM
-     uses: pnpm/action-setup@v3
+     uses: pnpm/action-setup@v4
      with:
-      version: next-9
       standalone: true
    - name: 🔩 Setup Node ${{ matrix.node }}
      uses: actions/setup-node@v4

.github/workflows/lint.yml

@@ -14,9 +14,8 @@ jobs:
    - name: 🧱 Checkout repository
      uses: actions/checkout@v4
    - name: 🔩 Setup PNPM
-     uses: pnpm/action-setup@v3
+     uses: pnpm/action-setup@v4
      with:
-      version: next-9
       standalone: true
    - name: 🔩 Setup Node ${{ matrix.node }}
      uses: actions/setup-node@v4

astro.config.ts

@@ -1,20 +1,20 @@
 // https://astro.build/config
-import preact from "@astrojs/preact";
+import vue from "@astrojs/vue";
 import deno from "@deno/astro-adapter";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "astro/config";
 import compress from "astro-compressor";
 
 // https://astro.build/config
 export default defineConfig({
- output: "server",
  site: "https://views.igorkowalczyk.dev",
  redirects: {
   "/github": "https://github.com/igorkowalczyk/views",
   "/docs": "https://github.com/IgorKowalczyk/github-views?tab=readme-ov-file#-basic-usage",
  },
+ output: "server",
  adapter: deno(),
- integrations: [preact({ compat: true }), compress()],
+ integrations: [vue(), compress()],
  vite: {
   plugins: [tailwindcss()],
  },

deno.json

@@ -0,0 +1,8 @@
+{
+ "deploy": {
+  "project": "profile-views",
+  "exclude": ["**/node_modules"],
+  "include": [],
+  "entrypoint": "dist/server/entry.mjs"
+ }
+}

eslint.config.ts

@@ -1,10 +1,12 @@
 import eslintConfig from "@igorkowalczyk/eslint-config";
 import eslintPluginAstro from "eslint-plugin-astro";
+// import pluginVue from "eslint-plugin-vue";
 
 export default [
  // prettier
  ...eslintConfig.base,
  ...eslintConfig.node,
- ...eslintConfig.typescript,
  ...eslintPluginAstro.configs["flat/recommended"],
+ // ...pluginVue.configs["flat/recommended"],
+ ...eslintConfig.typescript,
 ];

package.json

@@ -33,21 +33,22 @@
   },
   "homepage": "https://views.igorkowalczyk.dev/",
   "dependencies": {
-    "@astrojs/preact": "4.0.5",
+    "@astrojs/vue": "5.0.7",
     "@deno/astro-adapter": "0.3.0",
-    "@tailwindcss/vite": "^4.0.11",
+    "@tailwindcss/vite": "4.0.14",
     "@types/canvas-confetti": "1.9.0",
-    "astro": "5.5.2",
+    "@vueuse/core": "13.0.0",
+    "astro": "5.5.3",
     "astro-compressor": "1.0.0",
     "badgen": "3.2.3",
     "canvas-confetti": "1.9.3",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "postcss": "8.5.3",
-    "preact": "10.26.4",
-    "sharp": "0.33.5",
+    "eslint-plugin-vue": "10.0.0",
+    "lucide-vue-next": "0.483.0",
     "tailwind-merge": "3.0.2",
-    "tailwindcss": "4.0.14"
+    "tailwindcss": "4.0.14",
+    "vue": "3.5.13"
   },
   "devDependencies": {
     "@igorkowalczyk/eslint-config": "3.0.7",
@@ -56,11 +57,8 @@
     "eslint": "9.22.0",
     "prettier": "3.5.3",
     "prettier-plugin-astro": "0.14.1",
-    "prettier-plugin-tailwindcss": "0.6.11"
-  },
-  "overrides": {
-    "react": "npm:@preact/compat@latest",
-    "react-dom": "npm:@preact/compat@latest"
+    "prettier-plugin-tailwindcss": "0.6.11",
+    "typescript": "5.8.2"
   },
   "packageManager": "pnpm@10.6.4",
   "pnpm": {