From 8d3be0f3cfe3d14f1c33dc6eb6ca4a729e0e4f90 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Tue, 17 Jan 2023 11:54:25 +0100
Subject: [PATCH] feat: translation keys for SB card

---
 components/status/StatusPreviewStackBlitz.vue | 20 +++++++++----------
 locales/en-US.json                            |  7 +++++++
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/status/StatusPreviewStackBlitz.vue b/components/status/StatusPreviewStackBlitz.vue
index e26c0aba..c23039bb 100644
--- a/components/status/StatusPreviewStackBlitz.vue
+++ b/components/status/StatusPreviewStackBlitz.vue
@@ -58,25 +58,25 @@ const vnodeCode = $computed(() => {
       </span>
     </div>
     <div
-      flex flex-col
+      flex
+      justify-between
       display-block of-hidden
       bg-card
       w-full
-      justify-center
       p-3
       pb-4
     >
-      <div flex justify-between>
+      <div flex flex-col>
         <p flex gap-1>
-          <span>Code Snippet from</span><span>{{ meta.file }}</span><span text-secondary>{{ `- Lines ${meta.lines}` }}</span>
+          <span>{{ $t('custom_cards.stackblitz.snippet_from', [meta.file]) }}</span><span text-secondary>{{ `- ${$t('custom_cards.stackblitz.lines', [meta.lines])}` }}</span>
         </p>
-        <NuxtLink external target="_blank" btn-solid py-0 px-2 :to="card.url">
-          Open
-        </NuxtLink>
-      </div>
-      <div flex font-bold gap-2>
-        <span text-primary>{{ meta.project }}</span><span flex text-secondary><span flex items-center><svg h-5 width="22.27" height="32" viewBox="0 0 256 368"><path fill="currentColor" d="M109.586 217.013H0L200.34 0l-53.926 150.233H256L55.645 367.246l53.927-150.233z" /></svg></span><span>StackBlitz</span></span>
+        <div flex font-bold gap-2>
+          <span text-primary>{{ meta.project }}</span><span flex text-secondary><span flex items-center><svg h-5 width="22.27" height="32" viewBox="0 0 256 368"><path fill="currentColor" d="M109.586 217.013H0L200.34 0l-53.926 150.233H256L55.645 367.246l53.927-150.233z" /></svg></span><span>StackBlitz</span></span>
+        </div>
       </div>
+      <NuxtLink external target="_blank" btn-solid pt-0 pb-1 px-2 h-fit :to="card.url">
+        {{ $t('custom_cards.stackblitz.open') }}
+      </NuxtLink>
     </div>
   </div>
   <StatusPreviewCardNormal v-else :card="card" :small-picture-only="smallPictureOnly" :root="root" />
diff --git a/locales/en-US.json b/locales/en-US.json
index daa3ecbc..4c493f6c 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -138,6 +138,13 @@
   "conversation": {
     "with": "with"
   },
+  "custom_cards": {
+    "stackblitz": {
+      "lines": "Lines {0}",
+      "open": "Open",
+      "snippet_from": "Snippet from {0}"
+    }
+  },
   "error": {
     "account_not_found": "Account {0} not found",
     "explore-list-empty": "Nothing is trending right now. Check back later!",