fix issue with displaying languages (#2130)

* fix issue with displaying languages

* readd tooltip

* remove all raw stuff

* fix api docs tooltip

* fix remaining {% raw %} + $t() usage

---------

Co-authored-by: dni ⚡ <office@dnilabs.com>
Co-authored-by: Pavol Rusnak <pavol@rusnak.io>

lnbits/templates/base.html

@@ -60,8 +60,12 @@
             {%endif%}{% endblock %}
           </q-toolbar-title>
           {% block beta %} {% if VOIDWALLET %}
-          <q-badge color="red" text-color="black" class="q-mr-md">
-            {% raw %}{{ $t('voidwallet_active') }}{% endraw %}
+          <q-badge
+            v-text="$t('voidwallet_active')"
+            color="red"
+            text-color="black"
+            class="q-mr-md"
+          >
           </q-badge>
           {%endif%}
           <q-badge
@@ -124,12 +128,10 @@
                 :active="activeLanguage(lang.value)"
                 @click="changeLanguage(lang.value)"
                 ><q-item-section>
-                  {% raw %}
                   <q-item-label
-                    >{{lang.display ?? lang.value.toUpperCase()}}</q-item-label
-                  >
-                  <q-tooltip>{{lang.label}}</q-tooltip>
-                  {% endraw %}
+                    v-text="lang.display ?? lang.value.toUpperCase()"
+                  ></q-item-label>
+                  <q-tooltip><span v-text="lang.label"></span></q-tooltip>
                 </q-item-section>
               </q-item>
             </q-list>
@@ -244,9 +246,7 @@
             :icon="($q.dark.isActive) ? 'brightness_3' : 'wb_sunny'"
             size="sm"
           >
-            <q-tooltip
-              >{% raw %}{{ $t('toggle_darkmode') }}{% endraw %}</q-tooltip
-            >
+            <q-tooltip><span v-text="$t('toggle_darkmode')"></span></q-tooltip>
           </q-btn>
         </q-toolbar>
       </q-header>
@@ -285,9 +285,8 @@
             {{ SITE_TITLE }}, {{SITE_TAGLINE}}
             <br />
             <small
-              >{% raw %}{{ $t('lnbits_version') }}{% endraw %}:
-              {{LNBITS_VERSION}}
-            </small>
+              v-text="$t('lnbits_version') + ': {{LNBITS_VERSION}}'"
+            ></small>
           </q-toolbar-title>
           <q-space></q-space>
           <q-btn
@@ -299,10 +298,10 @@
             target="_blank"
             rel="noopener"
           >
-            {% raw %}{{ $t('api_docs') }}{% endraw %}
+            <span v-text="$t('api_docs')"></span>
             <q-tooltip
-              >{% raw %}{{ $t('view_swagger_docs') }}{% endraw %}</q-tooltip
-            >
+              ><span v-text="$t('view_swagger_docs')"></span
+            ></q-tooltip>
           </q-btn>
           <q-btn
             flat
@@ -314,7 +313,7 @@
             target="_blank"
             rel="noopener"
           >
-            <q-tooltip>{% raw %}{{ $t('view_github') }}{% endraw %}</q-tooltip>
+            <q-tooltip><span v-text="$t('view_github')"></span></q-tooltip>
           </q-btn>
         </q-toolbar>
       </q-footer>