feat: ✨ langpacks for /mods/startup

NUXT/pages/mods/startup.vue

@@ -1,27 +1,16 @@
 <template>
   <div class="mainContainer pt-1">
-    <v-card
+    <v-card flat class="pb-5 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
-      flat
-      class="pb-5 background"
-      :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
-      :style="{borderRadius: `${roundTweak / 2}rem`}"
-    >
       <v-card-title>Default Page</v-card-title>
       <v-card-text>
-        <v-select
+        <v-select v-model="page" background-color="background" :items="pages" label="Default Page" solo></v-select>
-          v-model="page"
-          background-color="background"
-          :items="pages"
-          label="Default Page"
-          solo
-        ></v-select>
       </v-card-text>
     </v-card>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
 
     computed: {
       roundTweak() {
@@ -32,7 +21,7 @@ export default {
     data() {
       return {
         page: "home",
-      pages: ["home", "subscriptions", "library"],
+        pages: [],
       };
     },
 
@@ -44,16 +33,30 @@ export default {
 
     mounted() {
       this.page = localStorage.getItem("startPage") || "home";
-  },
+
-};
+      const langPack = this.$lang('global');
+      this.pages = [{
+        value: "home",
+        text: langPack.home
+      }, {
+        value: "subscriptions",
+        text: langPack.subscriptions
+      }, {
+        value: "library",
+        text: langPack.library
+      }];
+    }
+  };
+
 </script>
 
 <style scoped>
-.v-card {
+  .v-card {
     margin: 1em;
-}
+  }
 
-section {
+  section {
     padding: 0 1em 1em 1em;
-}
+  }
+
 </style>