Add stack in uses pages

app/pages/uses.vue

@@ -11,6 +11,7 @@ const { data: items } = await useAsyncData('uses', () =>
 const hardware = items.value!.filter(item => item.category === 'hardware')
 const software = items.value!.filter(item => item.category === 'software')
 const ide = items.value!.filter(item => item.category === 'ide')
+const stack = items.value!.filter(item => item.category === 'stack')
 </script>
 
 <template>
@@ -55,6 +56,13 @@ const ide = items.value!.filter(item => item.category === 'ide')
           :item="item"
         />
       </ul>
+      <UsesList title="Stack">
+        <UsesItem
+          v-for="(item, id) in stack"
+          :key="id"
+          :item="item"
+        />
+      </UsesList>
     </div>
   </main>
 </template>

content/uses/stack-fullstack.json

@@ -0,0 +1,5 @@
+{
+  "name": "FrontEnd & BackEnd",
+  "description": "I use TypeScript, Vue 3 with Nuxt 3, Nuxt Stack (UI, Hub, Content, Studio) & TailwindCss for FrontEnd. Nuxt (powered by Nitro) and AdonisJs are used for BackEnd depending on project complexity. PostgreSQL are used for database, Redis for caching. Docker is used for containerization. Apps are deployed on NuxtHub (powered by CloudFlare) or Vercel.",
+  "category": "stack"
+}