Localize new strings (#445)

frontend/src/components/MealPlan/ShoppingListDialog.vue

@@ -3,7 +3,7 @@
     <v-dialog v-model="dialog" width="650">
       <v-card>
         <v-card-title class="headline">
-          {{ $t("meal-plan.shopping-list") }}
+          {{ $t("shopping-list.shopping-list") }}
           <v-spacer></v-spacer>
           <v-btn text color="accent" @click="group = !group">
             {{ $t("meal-plan.group") }}

frontend/src/components/UI/Buttons/TheCopyButton.vue

@@ -27,7 +27,7 @@
       <v-icon left dark>
         mdi-clipboard-check
       </v-icon>
-      <slot> {{ $t("general.coppied") }}! </slot>
+      <slot> {{ $t("general.copied") }}! </slot>
     </span>
   </v-tooltip>
 </template>

frontend/src/components/UI/LogCard.vue

@@ -7,7 +7,7 @@
         <v-text-field
           class="ml-auto shrink mb-n7"
           solo
-          label="Log Lines"
+          :label="$t('about.log-lines')"
           type="number"
           append-icon="mdi-refresh-circle"
           v-model="lines"

frontend/src/components/UI/TheSidebar.vue

@@ -35,7 +35,7 @@
               mdi-heart
             </v-icon>
           </v-list-item-icon>
-          <v-list-item-title> Support </v-list-item-title>
+          <v-list-item-title> {{$t('about.support')}} </v-list-item-title>
         </v-list-item>
         <v-list-item to="/admin/about">
           <v-list-item-icon class="mr-3 pt-1">

frontend/src/components/UI/TheSiteMenu.vue

@@ -65,7 +65,7 @@ export default {
         },
         {
           icon: "mdi-format-list-checks",
-          title: "Shopping Lists",
+          title: this.$t('shopping-list.shopping-lists'),
           nav: "/shopping-list",
           restricted: true,
         },

frontend/src/locales/messages/en-US.json

@@ -14,10 +14,15 @@
     "demo": "Demo",
     "demo-status": "Demo Status",
     "development": "Development",
+    "docs": "Docs",
     "download-log": "Download Log",
     "download-recipe-json": "Last Scraped JSON",
+    "github": "Github",
+    "log-lines": "Log Lines",
     "not-demo": "Not Demo",
+    "portfolio": "Portfolio",
     "production": "Production",
+    "support": "Support",
     "version": "Version"
   },
   "category": {
@@ -47,9 +52,9 @@
     "clear": "Clear",
     "close": "Close",
     "confirm": "Confirm",
+    "copied": "Copied",
     "create": "Create",
     "created": "Created",
-    "coppied": "Coppied",
     "current-parenthesis": "(Current)",
     "custom": "Custom",
     "dashboard": "Dashboard",
@@ -73,6 +78,7 @@
     "import": "Import",
     "keyword": "Keyword",
     "link": "Link",
+    "link-copied": "Link Copied",
     "monday": "Monday",
     "name": "Name",
     "new": "New",
@@ -108,6 +114,7 @@
     "updated": "Updated",
     "upload": "Upload",
     "url": "URL",
+    "view": "View",
     "wednesday": "Wednesday",
     "yes": "Yes"
   },
@@ -154,7 +161,6 @@
     "only-recipes-with-these-categories-will-be-used-in-meal-plans": "Only recipes with these categories will be used in Meal Plans",
     "planner": "Planner",
     "quick-week": "Quick Week",
-    "shopping-list": "Shopping List",
     "start-date": "Start Date"
   },
   "migration": {
@@ -345,7 +351,8 @@
       "recipes-affected": "No Recipes Affected|One Recipe Affected|{count} Recipes Affected",
       "remove-unused": "Remove Unused",
       "title-case-all": "Title Case All",
-      "toolbox": "Toolbox"
+      "toolbox": "Toolbox",
+      "unorganized": "Unorganized"
     },
     "webhooks": {
       "meal-planner-webhooks": "Meal Planner Webhooks",
@@ -355,6 +362,16 @@
       "webhooks-caps": "WEBHOOKS"
     }
   },
+  "shopping-list": {
+    "all-lists": "All Lists",
+    "create-shopping-list": "Create Shopping List",
+    "from-recipe": "From Recipe",
+    "list-name": "List Name",
+    "new-list": "New List",
+    "quantity": "Quantity: {0}",
+    "shopping-list": "Shopping List",
+    "shopping-lists": "Shopping Lists"
+  },
   "signup": {
     "display-name": "Display Name",
     "error-signing-up": "Error Signing Up",
@@ -377,7 +394,6 @@
     "untagged-count": "Untagged {count}"
   },
   "user": {
-    "username": "Username",
     "admin": "Admin",
     "are-you-sure-you-want-to-delete-the-link": "Are you sure you want to delete the link <b>{link}<b/>?",
     "are-you-sure-you-want-to-delete-the-user": "Are you sure you want to delete the user <b>{activeName} ID: {activeId}<b/>?",
@@ -423,7 +439,9 @@
     "user-successfully-logged-in": "User Successfully Logged In",
     "user-update-failed": "User update failed",
     "user-updated": "User updated",
+    "username": "Username",
     "users": "Users",
+    "users-header": "USERS",
     "webhook-time": "Webhook Time",
     "webhooks-enabled": "Webhooks Enabled",
     "you-are-not-allowed-to-create-a-user": "You are not allowed to create a user",

frontend/src/pages/Admin/About/index.vue

@@ -6,25 +6,25 @@
         <v-icon left>
           mdi-heart
         </v-icon>
-        Support
+        {{$t('about.support')}}
       </v-btn>
       <v-btn href="https://github.com/hay-kot" target="_blank" class="mx-1" color="secondary">
         <v-icon left>
           mdi-github
         </v-icon>
-        Github
+        {{$t('about.github')}}
       </v-btn>
       <v-btn href="https://hay-kot.dev" target="_blank" class="mx-1" color="secondary">
         <v-icon left>
           mdi-account
         </v-icon>
-        Portfolio
+        {{$t('about.portfolio')}}
       </v-btn>
       <v-btn href="https://hay-kot.github.io/mealie/" target="_blank" class="mx-1" color="secondary">
         <v-icon left>
           mdi-folder-outline
         </v-icon>
-        Docs
+        {{$t('about.docs')}}
       </v-btn>
       <v-spacer></v-spacer>
     </v-app-bar>

frontend/src/pages/Admin/Profile/ProfileGroupCard.vue

@@ -21,7 +21,7 @@
         />
       </div>
 
-      <v-subheader>USERS</v-subheader>
+      <v-subheader>{{$t('user.users-header')}}</v-subheader>
       <v-divider></v-divider>
 
       <v-virtual-scroll v-if="currentGroup.users" :items="currentGroup.users" height="257" item-height="64">

frontend/src/pages/Admin/ToolBox/RecipeOrganizer.vue

@@ -15,7 +15,7 @@
       <v-spacer v-if="!isMobile"> </v-spacer>
     </div>
     <v-card-text>
-      <CardSection :sortable="true" title="Unorganized" :recipes="shownRecipes" @sort="assignSorted" />
+      <CardSection :sortable="true" :title="$t('settings.toolbox.unorganized')" :recipes="shownRecipes" @sort="assignSorted" />
     </v-card-text>
   </v-card>
 </template>

frontend/src/pages/MealPlan/Planner.vue

@@ -22,7 +22,7 @@
               <v-icon left small>
                 mdi-cart-check
               </v-icon>
-              Create Shopping List
+              {{$t('shopping-list.create-shopping-list')}}
             </v-btn>
             <v-btn
               text
@@ -35,10 +35,10 @@
               <v-icon left small>
                 mdi-cart-check
               </v-icon>
-              Shopping List
+              {{$t('shopping-list.shopping-list')}}
             </v-btn>
             <v-spacer></v-spacer>
-            <TheCopyButton color="info" :copy-text="mealPlanURL(mealplan.uid)"> Link Coppied </TheCopyButton>
+            <TheCopyButton color="info" :copy-text="mealPlanURL(mealplan.uid)"> {{$t('general.link-copied')}} </TheCopyButton>
           </v-card-actions>
 
           <v-list class="mt-0 pt-0">

frontend/src/pages/ShoppingList/index.vue

@@ -5,19 +5,23 @@
         <v-icon left>
           mdi-arrow-left-bold
         </v-icon>
-        All Lists
+        {{$t('shopping-list.all-lists')}}
       </v-btn>
       <v-icon v-if="!list" large left>
         mdi-format-list-checks
       </v-icon>
-      <v-toolbar-title v-if="!list" class="headline"> Shopping Lists </v-toolbar-title>
+      <v-toolbar-title v-if="!list" class="headline"> {{$t('shopping-list.shopping-lists')}} </v-toolbar-title>
       <v-spacer></v-spacer>
-      <BaseDialog title="New List" title-icon="mdi-format-list-checks" submit-text="Create" @submit="createNewList">
+      <BaseDialog 
+        :title="$t('shopping-list.new-list')" 
+        title-icon="mdi-format-list-checks" 
+        :submit-text="$t('general.create')" 
+        @submit="createNewList">
         <template v-slot:open="{ open }">
           <TheButton create @click="open" />
         </template>
         <v-card-text>
-          <v-text-field autofocus v-model="newList.name" label="List Name"> </v-text-field>
+          <v-text-field autofocus v-model="newList.name" :label="$t('shopping-list.list-name')"> </v-text-field>
         </v-card-text>
       </BaseDialog>
     </v-app-bar>
@@ -37,7 +41,7 @@
                 <v-icon left>
                   mdi-cart-check
                 </v-icon>
-                View
+                {{$t('general.view')}}
               </v-btn>
             </v-card-actions>
           </v-card>
@@ -61,7 +65,7 @@
         <v-card-text>
           <v-row dense v-for="(item, index) in activeList.items" :key="index">
             <v-col v-if="edit" cols="12" class="d-flex no-wrap align-center">
-              <p class="mb-0">Quantity: {{ item.quantity }}</p>
+              <p class="mb-0">{{$t('shopping-list.quantity', [item.quantity])}}</p>
               <div v-if="edit">
                 <v-btn x-small text class="ml-1" @click="activeList.items[index].quantity -= 1">
                   <v-icon>
@@ -119,13 +123,13 @@
             <v-icon left>
               {{ $globals.icons.primary }}
             </v-icon>
-            From Recipe
+            {{$t('shopping-list.from-recipe')}}
           </v-btn>
           <v-btn v-if="edit" color="success" @click="newItem">
             <v-icon left>
               {{ $globals.icons.create }}
             </v-icon>
-            New
+            {{$t('general.new')}}
           </v-btn>
         </v-card-actions>
       </v-card>