Merge branch 'main' into dependabot/github_actions/dependabot/fetch-metadata-3

Author: romansp

app/components/OgImage/SimpleBlog.takumi.vue

@@ -8,14 +8,14 @@ const domain = new URL(useSiteConfig().url).host;
 </script>
 
 <template>
-  <div class="block size-full border-y-12 border-solid border-gray-500 bg-gray-900 p-16 text-slate-300">
+  <div class="flex size-full flex-col border-y-12 border-solid border-gray-500 bg-gray-900 p-16 text-slate-300">
     <h1 class="mb-4 block text-5xl font-semibold">
       {{ title }}
     </h1>
     <p class="mb-4 block text-2xl">
       {{ description }}
     </p>
-    <p class="block text-xl">
+    <p class="mt-auto block text-xl">
       {{ domain }}
     </p>
   </div>

content/blog/handle-version-skew-after-new-deployment-with-vite-and-vue-router/index.md

@@ -1,6 +1,7 @@
 ---
 title: 'Handle version skew after new deployment with Vite and Vue Router'
 date: 2024-12-01
+description: Elegant solution for resolving stale bundle issues in single page applications after new deployment
 ---
 
 I'd like to share this simple solution how to handle frontend client version skew or not found bundle after new Vue app deployment. I found it while exploring Nuxt's codebase. Original Nuxt's solution [can be found here](https://github.com/nuxt/nuxt/blob/2ea738854e3428f2cb03036630e6415b077fe732/packages/nuxt/src/app/plugins/chunk-reload.client.ts). Props to Nuxt team!

content/index.md

@@ -2,7 +2,7 @@
 
 Hi! My name is Raman.
 
-I'm software developer with focus in web applications written in JavaScript and C#. I absolutely love Vue.js, TypeScript, and passionate about performance. Sometimes I write [blog posts](/blog).
+I'm software developer with focus in web applications written in JavaScript and C#. I absolutely love Vue.js, TypeScript, and passionate about UX and performance. Sometimes I write [blog posts](/blog).
 
 Outside of programming, I enjoy going to concerts and seeing movies at my favorite theater.
 

package.json

@@ -2,7 +2,7 @@
   "name": "nuxt-app",
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@10.33.0",
+  "packageManager": "pnpm@10.33.2",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -15,20 +15,20 @@
     "@antfu/eslint-config": "^8.2.0",
     "@nuxt/content": "^3.13.0",
     "@nuxtjs/mdc": "0.21.1",
-    "@nuxtjs/robots": "6.0.7",
-    "@nuxtjs/sitemap": "8.0.12",
+    "@nuxtjs/robots": "6.0.8",
+    "@nuxtjs/sitemap": "8.0.15",
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.2.2",
-    "@takumi-rs/core": "^1.0.9",
-    "@tanstack/vue-query": "^5.99.0",
-    "@vueuse/core": "^14.2.1",
-    "eslint": "^10.2.0",
-    "eslint-plugin-better-tailwindcss": "^4.4.1",
-    "nuxt": "^4.4.2",
-    "nuxt-og-image": "6.4.1",
-    "nuxt-seo-utils": "^8.1.7",
-    "tailwindcss": "^4.2.2",
-    "typescript": "^6.0.2",
-    "vue-tsc": "^3.2.6"
+    "@tailwindcss/vite": "^4.2.4",
+    "@takumi-rs/core": "^1.1.2",
+    "@tanstack/vue-query": "^5.100.7",
+    "@vueuse/core": "^14.3.0",
+    "eslint": "^10.3.0",
+    "eslint-plugin-better-tailwindcss": "^4.5.0",
+    "nuxt": "^4.4.4",
+    "nuxt-og-image": "6.4.9",
+    "nuxt-seo-utils": "^8.1.11",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^6.0.3",
+    "vue-tsc": "^3.2.7"
   }
 }