From 4c71481b06b9c31a129b98d09d494b8b0bcec073 Mon Sep 17 00:00:00 2001
From: fabriciocarraro <fabriciocarraro@gmail.com>
Date: Wed, 25 Oct 2023 19:56:39 +0200
Subject: [PATCH] Cards vue

---
 _data/cards/pt_BR/nativescript-vue.yaml | 14 ++++++++++++++
 _data/cards/pt_BR/vue-suspense.yaml     | 14 ++++++++++++++
 _data/guides/pt_BR/vue.yaml             |  6 ++++--
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 _data/cards/pt_BR/nativescript-vue.yaml
 create mode 100644 _data/cards/pt_BR/vue-suspense.yaml

diff --git a/_data/cards/pt_BR/nativescript-vue.yaml b/_data/cards/pt_BR/nativescript-vue.yaml
new file mode 100644
index 000000000..061d6da76
--- /dev/null
+++ b/_data/cards/pt_BR/nativescript-vue.yaml
@@ -0,0 +1,14 @@
+name: NativeScript-Vue
+logo: 
+short-description:
+key-objectives:
+  - O NativeScript-Vue é um plugin NativeScript que permite usar Vue.js para criar seu aplicativo móvel. 
+  - Criar apps com interface nativa
+aditional-objectives:
+contents:
+  - type: SITE
+    title: "Documentação: NativeScript-Vue"
+    link: https://nativescript-vue.org/pt-br/docs/introduction/
+  - type: ARTICLE
+    title: "Por que NativeScript-Vue?"
+    link: https://rafaelaugustodev.medium.com/por-que-nativescript-vue-d308e85cdf9a
\ No newline at end of file
diff --git a/_data/cards/pt_BR/vue-suspense.yaml b/_data/cards/pt_BR/vue-suspense.yaml
new file mode 100644
index 000000000..3bab03a5d
--- /dev/null
+++ b/_data/cards/pt_BR/vue-suspense.yaml
@@ -0,0 +1,14 @@
+name: Vue - Suspense
+logo: 
+short-description:
+key-objectives:
+  - O Suspense é um componente embutido para orquestração de dependências assíncronas em uma árvore de componente. Ele pode interpretar um estado de carregamento enquanto espera por várias dependências assíncronas encaixadas em baixo da árvore de componente ser resolvida. 
+  - Conhecer dependências assíncronas
+aditional-objectives:
+contents:
+  - type: SITE
+    title: "Vue: Documentação - Suspense"
+    link: https://pt.vuejs.org/guide/built-ins/suspense.html
+  - type: YOUTUBE
+    title: "Clube Full-Stack: Como usar o Suspense no vue 3 | Como colocar um loading em um componente assíncrono"
+    link: https://www.youtube.com/watch?v=imR45gszsHw&ab_channel=ClubeFull-Stack
\ No newline at end of file
diff --git a/_data/guides/pt_BR/vue.yaml b/_data/guides/pt_BR/vue.yaml
index 5be84b4aa..d28d5fb63 100644
--- a/_data/guides/pt_BR/vue.yaml
+++ b/_data/guides/pt_BR/vue.yaml
@@ -74,8 +74,10 @@ expertise:
         priority: 5
       - vue-provide-inject:
         priority: 5
-#      - vue-capacitor:
-#        priority: 5
+      - vue-suspense:
+        priority: 5
+      - nativescript-vue:
+        priority: 5
 collaboration:
   - name: Infraestrutura e Back-end
     cards: