missing bind attributes

dev/dev-notes.md

@@ -32,8 +32,8 @@ Frontend
 - [ ] Advanced Search Page, draft started
 - [ ] Search Bar Re-design
 - [ ] Replace Backups card with something like Home Assistant
-- [ ] Replace import card with something like Home Assistant
-  - [ ] Select which imports to do
+- [x] Replace import card with something like Home Assistant
+  - [x] Select which imports to do
 
 Backend
 - [ ] Database Import
@@ -42,7 +42,7 @@ Backend
   - [ ] Meal Plans
   - [x] Settings
   - [x] Themes
-- [ ] Remove Print / Debug Code
+- [x] Remove Print / Debug Code
 - [ ] Support how to Sections and how to steps
 - [ ] Recipe request by category/tags
 

frontend/src/components/Settings/Backup/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="backupLoading" class="mt-3" min-height="410px">
+  <v-card :loading="backupLoading" class="mt-3">
     <v-card-title class="headline">
       {{$t('settings.backup-and-exports')}}
     </v-card-title>

frontend/src/components/Settings/Theme/index.vue

@@ -1,11 +1,17 @@
 <template>
   <v-card>
-    <v-card-title class="headline"> {{$t('settings.theme.theme-settings')}} </v-card-title>
+    <v-card-title class="headline">
+      {{ $t("settings.theme.theme-settings") }}
+    </v-card-title>
     <v-divider></v-divider>
     <v-card-text>
-      <h2 class="mt-4 mb-1">{{$t('settings.theme.dark-mode')}}</h2>
+      <h2 class="mt-4 mb-1">{{ $t("settings.theme.dark-mode") }}</h2>
       <p>
-        {{$t('settings.theme.choose-how-mealie-looks-to-you-set-your-theme-preference-to-follow-your-system-settings-or-choose-to-use-the-light-or-dark-theme')}}
+        {{
+          $t(
+            "settings.theme.choose-how-mealie-looks-to-you-set-your-theme-preference-to-follow-your-system-settings-or-choose-to-use-the-light-or-dark-theme"
+          )
+        }}
       </p>
       <v-row dense align="center">
         <v-col cols="12">
@@ -17,18 +23,22 @@
           >
             <v-btn value="system"> Default to system </v-btn>
 
-            <v-btn value="light"> {{$t('settings.theme.light')}} </v-btn>
+            <v-btn value="light"> {{ $t("settings.theme.light") }} </v-btn>
 
-            <v-btn value="dark"> {{$t('settings.theme.dark')}} </v-btn>
+            <v-btn value="dark"> {{ $t("settings.theme.dark") }} </v-btn>
           </v-btn-toggle>
         </v-col>
       </v-row></v-card-text
     >
     <v-divider></v-divider>
     <v-card-text>
-      <h2 class="mt-1 mb-1">{{$t('settings.theme.theme')}}</h2>
+      <h2 class="mt-1 mb-1">{{ $t("settings.theme.theme") }}</h2>
       <p>
-        {{$t('settings.theme.select-a-theme-from-the-dropdown-or-create-a-new-theme-note-that-the-default-theme-will-be-served-to-all-users-who-have-not-set-a-theme-preference')}}
+        {{
+          $t(
+            "settings.theme.select-a-theme-from-the-dropdown-or-create-a-new-theme-note-that-the-default-theme-will-be-served-to-all-users-who-have-not-set-a-theme-preference"
+          )
+        }}
       </p>
 
       <v-form ref="form" lazy-validation>
@@ -54,8 +64,10 @@
               Delete
             </v-btn>
             <Confirmation
-              title="$t('settings.theme.delete-theme')"
-              message="$t('settings.theme.are-you-sure-you-want-to-delete-this-theme')"
+              :title="$t('settings.theme.delete-theme')"
+              :message="
+                $t('settings.theme.are-you-sure-you-want-to-delete-this-theme')
+              "
               color="error"
               icon="mdi-alert-circle"
               ref="deleteThemeConfirm"
@@ -67,43 +79,43 @@
       <v-row dense align-content="center" v-if="selectedTheme.colors">
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.primary')"
+            :button-text="$t('settings.theme.primary')"
             v-model="selectedTheme.colors.primary"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.secondary')"
+            :button-text="$t('settings.theme.secondary')"
             v-model="selectedTheme.colors.secondary"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.accent')"
+            :button-text="$t('settings.theme.accent')"
             v-model="selectedTheme.colors.accent"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.success')"
+            :button-text="$t('settings.theme.success')"
             v-model="selectedTheme.colors.success"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.info')"
+            :button-text="$t('settings.theme.info')"
             v-model="selectedTheme.colors.info"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.warning')"
+            :button-text="$t('settings.theme.warning')"
             v-model="selectedTheme.colors.warning"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.error')"
+            :button-text="$t('settings.theme.error')"
             v-model="selectedTheme.colors.error"
           />
         </v-col>
@@ -116,7 +128,7 @@
         <v-col></v-col>
         <v-col align="end">
           <v-btn text color="success" @click="saveThemes">
-            {{$t('settings.theme.save-colors-and-apply-theme')}}
+            {{ $t("settings.theme.save-colors-and-apply-theme") }}
           </v-btn>
         </v-col>
       </v-row>