diff --git a/.github/workflows/ghpage.yml b/.github/workflows/ghpage.yml
index de603aa..f6ae27a 100644
--- a/.github/workflows/ghpage.yml
+++ b/.github/workflows/ghpage.yml
@@ -1,19 +1,27 @@
 name: Build Vue
 on: [push]
 jobs:
-  build_vue:
+  build:
     runs-on: ubuntu-latest
-    name: Build Vue
+
     steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js '20.x'
-        uses: actions/setup-node@v2
+      - name: 🛎️ Checkout code
+        uses: actions/checkout@v4
+
+      - name: 📦 Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
-          cache: "npm"
-      - id: Build-Vue
-        uses: SerhiiKa/VuePagesAction@1.0.4
+          node-version: "21"
+
+      - name: 📥 Install dependencies
+        run: npm install
+
+      - name: 🏗️ Build
+        run: npm run build
+
+      - name: 🚀Deploy to GitHub Pages🚀  // --> this deploys to gh-pages
+        if: github.ref == 'refs/heads/main'
+        uses: peaceiris/actions-gh-pages@v3
         with:
-          username: "jacquesfize"
-          reponame: "widget-gtsi"
-          token: ${{ secrets.GITHUB_TOKEN }} # Leave this line unchanged
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist