feat: update logo logic (#377)

components/nav/NavTitle.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
-const sub = process.dev ? 'dev' : useRuntimeConfig().public.env === 'staging' ? 'preview' : 'alpha'
+const env = useRuntimeConfig().public.env
+const sub = env === 'local' ? 'dev' : env === 'staging' ? 'preview' : 'alpha'
 </script>
 
 <template>
   <!-- Use external to force refresh page and jump to top of timeline -->
   <NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external>
-    <img alt="Elk Logo" src="/logo.svg" w-10 h-10 height="40" width="40">
+    <img :alt="$t('app_logo')" src="/logo.svg" w-10 h-10 height="40" width="40">
     <div>
       {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
     </div>

locales/en-US.json

@@ -43,6 +43,7 @@
     "vote": "Vote"
   },
   "app_desc_short": "A Mastodon client made with 🧡",
+  "app_logo": "Elk Logo",
   "app_name": "Elk",
   "command": {
     "activate": "Activate",

locales/es-ES.json

@@ -43,6 +43,7 @@
     "vote": "Votar"
   },
   "app_desc_short": "Un cliente Mastodon hecho con 🧡",
+  "app_logo": "Logotipo de Elk",
   "app_name": "Elk",
   "command": {
     "activate": "Activar",