[Fix] Update Nuxt 3.17.4 and Fix Inline Code (Replaces #87) (#88)

* Nuxt 3.17.4 and other dependencies updated

* Temporary fix (maybe) of the Inline Code

components/content/ProseCode.vue

@@ -24,9 +24,11 @@ defineProps({
 </script>
 
 <template>
-  <div>
+  <code
+    class="font-mono bg-neutral-200 dark:bg-neutral-800 rounded border-2 border-neutral-300 dark:border-neutral-700 p-0.5 no-backticks"
+  >
     <slot />
-  </div>
+  </code>
 </template>
 
 <style>
@@ -34,4 +36,8 @@ pre code .line {
   display: block;
   min-height: 1rem;
 }
+.no-backticks::before,
+.no-backticks::after {
+  content: '' !important; /* Hide backticks */
+}
 </style>

package.json

@@ -17,8 +17,8 @@
   "devDependencies": {
     "@formkit/auto-animate": "^0.8.2",
     "@nuxt/content": "^3.3.0",
-    "@nuxt/eslint": "^0.6.1",
+    "@nuxt/eslint": "^1.4.1",
-    "@nuxt/fonts": "^0.10.2",
+    "@nuxt/fonts": "^0.11.4",
     "@nuxt/image": "^1.8.0",
     "@nuxtjs/color-mode": "^3.3.2",
     "@nuxtjs/robots": "^5.2.6",
@@ -26,13 +26,13 @@
     "@nuxtjs/tailwindcss": "^6.11.4",
     "@stefanobartoletti/nuxt-social-share": "^0.6.1",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
-    "@vueuse/core": "^10.9.0",
+    "@vueuse/core": "^13.3.0",
-    "@vueuse/nuxt": "^10.9.0",
+    "@vueuse/nuxt": "^13.3.0",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-prettier": "^10.1.5",
     "feed": "^4.2.2",
     "fuse.js": "^7.0.0",
-    "nuxt": "^3.16.1",
+    "nuxt": "^3.17.4",
     "nuxt-icon": "^0.6.8",
     "nuxt-og-image": "^5.0.2",
     "prettier": "^3.5.3",

pages/blogs/[blog].vue

@@ -79,7 +79,7 @@ useHead({
   ],
 })
 
-console.log(articles.value)
+// console.log(articles.value)
 
 // Generate OG Image
 defineOgImageComponent('Test', {