Update dependency unplugin-vue-components to v29

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.19
+# syntax=docker/dockerfile:1.17
 FROM cgr.dev/chainguard/go:latest as build
 
 WORKDIR /src

package.json

@@ -9,11 +9,11 @@
     "lint": "eslint . --fix"
   },
   "dependencies": {
-    "@fontsource/roboto": "5.2.8",
+    "@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",
@@ -37,7 +37,7 @@
     "sass-embedded": "^1.89.2",
     "unplugin-fonts": "^1.3.1",
     "unplugin-vue-components": "^29.0.0",
-    "vite": "^6.3.6",
+    "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"
         >