From e277bc64feb8c19f76eae67879a541641dfc68e9 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 1 Jul 2024 23:36:13 +0200
Subject: [PATCH] Add stack in uses pages

---
 app/pages/uses.vue                | 8 ++++++++
 content/uses/stack-fullstack.json | 5 +++++
 2 files changed, 13 insertions(+)
 create mode 100644 content/uses/stack-fullstack.json

diff --git a/app/pages/uses.vue b/app/pages/uses.vue
index f49af6c..749894d 100644
--- a/app/pages/uses.vue
+++ b/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>
diff --git a/content/uses/stack-fullstack.json b/content/uses/stack-fullstack.json
new file mode 100644
index 0000000..38eaa83
--- /dev/null
+++ b/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"
+}
\ No newline at end of file