fix(Docker/Pomodoro Timer): allow Google Fonts for CSP + fix translation call

Fix #174

Author: sharevb

nginx.conf

@@ -11,7 +11,7 @@ server {
     add_header X-Permitted-Cross-Domain-Policies none;
     add_header Cross-Origin-Resource-Policy same-site;
     add_header Cross-Origin-Opener-Policy same-origin;
-    add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https: http:; connect-src data: blob: https: http:; font-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self';";
+    add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com http://fonts.googleapis.com; img-src 'self' data: blob: https: http:; connect-src data: blob: https: http:; font-src 'self' https: http:; object-src 'none'; base-uri 'self'; form-action 'self';";
     location / {
         rewrite ^/it-tools/(.*) /$1 break;
         try_files $uri $uri/ /index.html;

src/tools/pomodoro-timer/app/PomodoroApp.vue

@@ -72,13 +72,13 @@ const currentTab = computed(
     <Header />
     <div class="page-container">
       <n-tabs v-model:value="currentTab" type="line" animated>
-        <n-tab-pane name="home" :tab="t('tools.pomodoro-timer.PomodoroApp.text.timer')">
+        <n-tab-pane name="home" :tab="$t('tools.pomodoro-timer.PomodoroApp.text.timer')">
           <PomodoroHome />
         </n-tab-pane>
-        <n-tab-pane name="about" :tab="t('tools.pomodoro-timer.PomodoroApp.text.about')">
+        <n-tab-pane name="about" :tab="$t('tools.pomodoro-timer.PomodoroApp.text.about')">
           <PomodoroAbout />
         </n-tab-pane>
-        <n-tab-pane name="settings" :tab="t('tools.pomodoro-timer.PomodoroApp.text.settings')">
+        <n-tab-pane name="settings" :tab="$t('tools.pomodoro-timer.PomodoroApp.text.settings')">
           <PomodoroSettings />
         </n-tab-pane>
       </n-tabs>