Reverendyz · Reverendyz · Dec 14, 2025 · Dec 13, 2025
diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
@@ -4,14 +4,60 @@ on:
   push:
     branches:
       - main
+  pull_request:
+    branches:
+      - main
 
 permissions:
   contents: read
   pages: write
   id-token: write
 
 jobs:
+  test:
+    if: github.event_name == 'pull_request'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: "npm"
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run Tests
+        run: |
+          echo "## Test Results" >> $GITHUB_STEP_SUMMARY
+          echo "" >> $GITHUB_STEP_SUMMARY
+          npm run test:unit --coverage -- --run --reporter=verbose 2>&1 | tee test-output.txt
+
+          sed 's/\x1b\[[0-9;]*m//g' test-output.txt | \
+            grep -E '(^-{3,}|^File|^All files|^ |^[A-Za-z]|Test Files|Tests|Duration|Start)' | \
+            grep -v '^$' > filtered-output.txt
+          echo '```' >> $GITHUB_STEP_SUMMARY
+          cat filtered-output.txt >> $GITHUB_STEP_SUMMARY
+          echo '```' >> $GITHUB_STEP_SUMMARY
+      - name: Get short SHA
+        id: vars
+        run: echo "SHORT_SHA=$(git rev-parse --short HEAD)" >> $GITHUB_OUTPUT
+      - uses: actions/upload-artifact@v4
+        with:
+          name: coverage-report-${{ steps.vars.outputs.SHORT_SHA }}.zip
+          path: coverage/index.html
+          retention-days: 1
   build:
+    needs: test
+    if: |
+      always() &&
+      github.ref == 'refs/heads/main' &&
+      (needs.test.result == 'success' || needs.test.result == 'skipped')
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -21,6 +67,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 22
+          cache: "npm"
 
       - name: Install Dependencies
         run: npm ci

diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
+.vscode/
+
 # Logs
 logs
 *.log

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
diff --git a/CNAME b/CNAME
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/favicon.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link
       href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css"

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,7 +10,8 @@
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
-    "test:unit": "vitest",
+    "test:unit": "vitest run --coverage",
+    "test:dev": "vitest",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
     "lint": "eslint . --fix --cache",
@@ -28,6 +29,7 @@
     "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^6.0.2",
     "@vitejs/plugin-vue-jsx": "^5.1.2",
+    "@vitest/coverage-istanbul": "^4.0.14",
     "@vitest/eslint-plugin": "^1.5.0",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
@@ -45,4 +47,4 @@
     "vitest": "^4.0.14",
     "vue-tsc": "^3.1.5"
   }
-}
+}
diff --git a/public/favicon.webp b/public/favicon.webp
diff --git a/src/App.vue b/src/App.vue
@@ -1,37 +1,17 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-
-const year = new Date().getFullYear()
-
-const theme = ref('light')
-
-function onClick() {
-  theme.value = theme.value === 'light' ? 'dark' : 'light'
-}
+import NavBar from './components/NavBar.vue'
+import { useThemeStore } from '@/stores/theme'
+import PageFooter from './components/PageFooter.vue'
+const theme = useThemeStore()
 </script>
 
 <template>
-  <v-app :theme="theme">
-    <v-app-bar>
-      <v-container class="fg-white mx-auto d-flex align-center justify-center">
-        <v-app-bar-title>Welcome to RevzIT</v-app-bar-title>
-        <v-btn to="/"> Home </v-btn>
-        <!-- <v-btn to="/about"> About </v-btn>
-        <v-btn to="/github"> Github </v-btn> -->
-        <v-btn
-          :prepend-icon="theme === 'light' ? 'mdi-weather-sunny' : 'mdi-weather-night'"
-          text="Toggle Theme"
-          slim
-          @click="onClick"
-        />
-      </v-container>
-    </v-app-bar>
+  <v-app :theme="theme.theme">
+    <nav-bar />
     <v-main class="mx-auto d-flex align-center justify-center">
       <router-view />
     </v-main>
-    <v-footer class="mx-auto d-flex align-center justify-center">
-      Reverendyz© {{ year }}
-    </v-footer>
+    <page-footer color="#FFFFFF00" />
   </v-app>
 </template>
-Original file line number
+Diff line change
@@ -1,3 +1,5 @@
+    .vscode/
     # Logs
     logs
     *.log
@@ Expand Down @@