Translations (#72)

* Translations + danish

* changed back proxy target to use ENV

* Resolved more merge conflicts

* Removed test in translation

* Documentation of translations

* Updated translations

* removed old packages

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>

frontend/src/pages/404Page.vue

@@ -5,9 +5,9 @@
       <v-col>
         <v-card height="">
           <v-card-text>
-            <h1>404 No Page Found</h1>
+            <h1>{{$t('404.page-not-found')}}</h1>
           </v-card-text>
-          <v-btn text block @click="$router.push('/')"> Take me Home </v-btn>
+          <v-btn text block @click="$router.push('/')"> {{$t('404.take-me-home')}} </v-btn>
         </v-card>
       </v-col>
       <v-col cols="2"></v-col>

frontend/src/pages/MealPlanPage.vue

@@ -8,7 +8,7 @@
     <NewMeal v-else @created="requestMeals" />
 
     <v-card class="my-1">
-      <v-card-title class="headline"> Meal Plans </v-card-title>
+      <v-card-title class="headline"> {{$t('meal-plan.meal-plans')}} </v-card-title>
       <v-divider></v-divider>
 
       <v-timeline align-top :dense="$vuetify.breakpoint.smAndDown">
@@ -50,7 +50,7 @@
                   text
                   @click="editPlan(mealplan.uid)"
                 >
-                  Edit
+                  {{$t('general.edit')}}
                 </v-btn>
                 <v-btn
                   color="error lighten-2"
@@ -58,7 +58,7 @@
                   text
                   @click="deletePlan(mealplan.uid)"
                 >
-                  Delete
+                  {{$t('general.delete')}}
                 </v-btn>
               </v-row>
             </v-card-text>

frontend/src/pages/MealPlanThisWeekPage.vue

@@ -22,14 +22,16 @@
 
                 <v-card-text> {{ meal.description }} </v-card-text>
 
-                <v-btn
-                  align="center"
-                  color="secondary"
-                  text
-                  @click="$router.push(`/recipe/${meal.slug}`)"
-                >
-                  View Recipe
-                </v-btn>
+                <v-card-actions>
+                  <v-btn
+                    align="center"
+                    color="secondary"
+                    text
+                    @click="$router.push(`/recipe/${meal.slug}`)"
+                  >
+                    {{$t('recipe.view-recipe')}}
+                  </v-btn>
+                </v-card-actions>
               </v-card>
             </v-col>
             <v-col order-sm="0" :order-md="getOrder(index)" md="6" sm="12">

frontend/src/pages/SettingsPage.vue

@@ -1,30 +1,23 @@
 <template>
   <v-container>
-    <v-alert v-if="newVersion" color="green" type="success" outlined>
-      A New Version of Mealie is Avaiable,
-      <a
-        href="https://github.com/hay-kot/mealie/releases/latest"
-        target="_blank"
-        class="green--text"
-      >
-        Visit the Repo
-      </a>
+    <v-alert v-if="newVersion" color="green" type="success" outlined v-html="$t('settings.new-version-available', { aContents: 'target=\'_blank\' href=\'https://github.com/hay-kot/mealie\' class=\'green--text\''})">
+      
     </v-alert>
     <Theme />
     <Backup class="mt-2" />
     <Webhooks class="mt-2" />
     <Migration class="mt-2" />
     <p class="text-center my-2">
-      Version: {{ version }} | Latest: {{ latestVersion }} ·
+      {{$t('settings.version-latest', {current: version, latest: latestVersion})}} ·
       <a href="https://hay-kot.github.io/mealie/" target="_blank">
-        Explore the Docs
+        {{$t('settings.explore-the-docs')}}
       </a>
       ·
       <a
         href="https://hay-kot.github.io/mealie/2.1%20-%20Contributions/"
         target="_blank"
       >
-        Contribute
+        {{$t('settings.contribute')}}
       </a>
     </p>
   </v-container>