Update dependency unplugin-vue-components to v29

.github/workflows/dependency-review.yml

@@ -15,6 +15,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 'Checkout Repository'
-        uses: actions/checkout@v6
+        uses: actions/checkout@v5
       - name: 'Dependency Review'
         uses: actions/dependency-review-action@v4

.github/workflows/publish-containers.yml

@@ -10,7 +10,7 @@ jobs:
     name: Publish rfd-fyi-backend
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v5
 
       - name: Prepare
         id: prep
@@ -50,7 +50,7 @@ jobs:
     name: Publish rfd-fyi-frontend
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v5
 
       - name: Prepare
         id: prep

Caddyfile

@@ -1,8 +1,4 @@
-{
+rfd.davegallant.ca {
-    auto_https off
-}
-
-:80 {
     file_server
-    reverse_proxy /api/* localhost:8080
+    reverse_proxy /api/* backend:8080
 }

Dockerfile

@@ -10,7 +10,7 @@ COPY . .
 
 RUN npm run build
 
-FROM caddy:2.10.2-alpine as runtime
+FROM caddy:2.10.0-alpine as runtime
 
 WORKDIR /my-site
 

backend/Dockerfile

@@ -1,4 +1,4 @@
-# syntax=docker/dockerfile:1.20
+# syntax=docker/dockerfile:1.17
 FROM cgr.dev/chainguard/go:latest as build
 
 WORKDIR /src

index.html

@@ -13,7 +13,7 @@
     <title>rfd-fyi - An overlay of hot deals</title>
     <script
       defer
-      src="https://umami.davegallant.ca/script.js"
+      src="https://umami.snake-cloud.ts.net/script.js"
       data-website-id="59ffe8be-509a-471e-8cd6-a63c5b35b7aa"
     ></script>
   </head>

package.json

@@ -9,11 +9,11 @@
     "lint": "eslint . --fix"
   },
   "dependencies": {
-    "@fontsource/roboto": "5.2.9",
+    "@fontsource/roboto": "5.2.6",
     "@github/hotkey": "^3.0.0",
     "@mdi/font": "7.4.47",
     "@popperjs/core": "^2.11.8",
-    "axios": "^1.12.0",
+    "axios": "^1.11.0",
     "core-js": "^3.32.1",
     "cssnano": "^7.0.0",
     "jquery": "^3.7.0",
@@ -36,8 +36,8 @@
     "postcss-cli": "^11.0.0",
     "sass-embedded": "^1.89.2",
     "unplugin-fonts": "^1.3.1",
-    "unplugin-vue-components": "^30.0.0",
+    "unplugin-vue-components": "^29.0.0",
-    "vite": "^7.0.0",
+    "vite": "^6.3.5",
     "vite-plugin-vuetify": "^2.1.1"
   },
   "eslintConfig": {

src/App.vue

@@ -12,12 +12,17 @@ export default {
     return {
       ascending: this.ascending,
       filter: window.location.href.split("filter=")[1] || "",
+      isLoading: false,
       sortColumn: this.sortColumn,
       topics: [],
     };
   },
   mounted() {
     window.addEventListener("keydown", this.handleKeyDown);
+    this.sortColumn = localStorage.getItem("sortColumn") || "score";
+    this.ascending =
+      localStorage.getItem("ascending") === "false" ? false : true;
+    this.isLoading = true;
     this.fetchDeals();
   },
   beforeUnmount() {
@@ -42,10 +47,12 @@ export default {
       );
     },
     fetchDeals() {
+      this.isLoading = true;
       axios
         .get("api/v1/topics")
         .then((response) => {
           this.topics = response.data;
+          this.isLoading = false;
         })
         .catch((err) => {
           console.log(err.response);
@@ -107,15 +114,16 @@ const sortBy = ref([{ key: "score", order: "desc" }]); // Vuetify 3 format
         <v-text-field
           v-model="filter"
           label="Filter"
+          density="comfortable"
           ref="filter"
           @keyup.enter="createFilterRoute(filter.toString())"
           @keyup.esc="$refs.filter.blur()"
-          hide-details="true"
         />
         <v-data-table
           :headers="headers"
           :items="filteredTopics"
           :sort-by="sortColumn"
+          :sort-desc="!ascending"
           v-model:sortBy="sortBy"
           :items-per-page="25"
         >