Update to Nuxt 3.14 and Replace npm with pnpm (#72)

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/category/card.vue

@@ -35,8 +35,7 @@ const picAColor = ref(`${color.at(getRandomInt(0, 8))}`)
 
 <template>
   <div
-    class="text-[#F1F2F4]  px-5 py-3 rounded hover:underline
-    rand-bg-color hover:scale-[1.05] transition-all duration-500"
+    class="text-[#F1F2F4] px-5 py-3 rounded hover:underline rand-bg-color hover:scale-[1.05] transition-all duration-500"
   >
     <NuxtLink :to="`/categories/${title.toLocaleLowerCase()}`" class="text-lg font-extrabold">
       <h1>#{{ title }}({{ count }})</h1>

components/category/hero.vue

@@ -6,7 +6,9 @@ import { categoryPage } from '~/data'
   <div class="container mx-auto">
     <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
       <div class="px-6">
-        <h1 class="text-black dark:text-zinc-300 font-semibold leading-tight text-4xl md:text-5xl my-5">
+        <h1
+          class="text-black dark:text-zinc-300 font-semibold leading-tight text-4xl md:text-5xl my-5"
+        >
           {{ categoryPage.title }}
         </h1>
         <p class="dark:text-zinc-300">

components/category/topic.vue

@@ -8,8 +8,7 @@ const category = computed(() => {
   const name = route.params.category || ''
   let strName = ''
 
-  if (Array.isArray(name))
-    strName = name.at(0) || ''
+  if (Array.isArray(name)) strName = name.at(0) || ''
   else strName = name
   return makeFirstCharUpper(strName)
 })