Add translations for FR/EN catalogues

pages/settings.vue

@@ -3,7 +3,7 @@
     <pw-section class="cyan" label="Theme" ref="theme">
       <ul>
         <li>
-          <h3 class="title">Background</h3>
+          <h3 class="title">{{ $t("background") }}</h3>
           <div class="backgrounds">
             <span
               :key="theme.class"
@@ -22,7 +22,7 @@
       </ul>
       <ul>
         <li>
-          <h3 class="title">Color</h3>
+          <h3 class="title">{{ $t("color") }}</h3>
           <div class="colors">
             <span
               :key="entry.color"
@@ -41,14 +41,14 @@
       </ul>
       <ul>
         <li>
-          <h3 class="title">Labels</h3>
+          <h3 class="title">{{ $t("color") }}</h3>
           <span>
             <pw-toggle
               :on="settings.FRAME_COLORS_ENABLED"
               @change="toggleSetting('FRAME_COLORS_ENABLED')"
-              >Multi-color
+              >{{ $t("multi_color") }}
               {{
-                settings.FRAME_COLORS_ENABLED ? "Enabled" : "Disabled"
+                settings.FRAME_COLORS_ENABLED ? $t("enabled") : $t("disabled")
               }}</pw-toggle
             >
           </span>
@@ -64,8 +64,8 @@
               <pw-toggle
                 :on="settings.PROXY_ENABLED"
                 @change="toggleSetting('PROXY_ENABLED')"
-                >Proxy
-                {{ settings.PROXY_ENABLED ? "enabled" : "disabled" }}</pw-toggle
+                >{{ $t("proxy") }}
+                {{ settings.PROXY_ENABLED ? $t("enabled") : $t("disabled") }}</pw-toggle
               >
             </span>
             <a
@@ -83,7 +83,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <label for="url">URL</label>
+            <label for="url">{{ $t("url") }}</label>
             <button
               class="icon"
               @click="settings.PROXY_URL = `https://postwoman.apollotv.xyz/`"
@@ -103,11 +103,11 @@
       <ul class="info">
         <li>
           <p>
-            Postwoman's Official Proxy is hosted by ApolloTV.
+            {{ $t("postwoman_official_proxy_hosting") }}
             <br />
-            Read the
+            {{ $t("read_the") }}
             <a href="https://apollotv.xyz/legal" target="_blank" rel="noopener"
-              >ApolloTV privacy policy</a
+              >{{ $t("apollotv_privacy_policy") }}</a
             >.
           </p>
         </li>