feat: add support i18n (#1468)

src/plugins/picture-in-picture/index.ts

@@ -4,6 +4,7 @@ import { createPlugin } from '@/utils';
 import { onConfigChange, onMainLoad } from './main';
 import { onMenu } from './menu';
 import { onPlayerApiReady, onRendererLoad } from './renderer';
+import { t } from '@/i18n';
 
 export type PictureInPicturePluginConfig = {
   enabled: boolean;
@@ -18,8 +19,8 @@ export type PictureInPicturePluginConfig = {
 };
 
 export default createPlugin({
-  name: 'Picture In Picture',
-  description: 'Allows to switch the app to picture-in-picture mode',
+  name: t('plugins.picture-in-picture.name'),
+  description: t('plugins.picture-in-picture.description'),
   restartNeeded: true,
   config: {
     'enabled': false,

src/plugins/picture-in-picture/menu.ts

@@ -2,6 +2,8 @@ import prompt from 'custom-electron-prompt';
 
 import promptOptions from '@/providers/prompt-options';
 
+import { t } from '@/i18n';
+
 import type { PictureInPicturePluginConfig } from './index';
 
 import type { MenuContext } from '@/types/contexts';
@@ -16,7 +18,7 @@ export const onMenu = async ({
 
   return [
     {
-      label: 'Always on top',
+      label: t('plugins.picture-in-picture.menu.always-on-top'),
       type: 'checkbox',
       checked: config.alwaysOnTop,
       click(item) {
@@ -25,7 +27,7 @@ export const onMenu = async ({
       },
     },
     {
-      label: 'Save window position',
+      label: t('plugins.picture-in-picture.menu.save-window-position'),
       type: 'checkbox',
       checked: config.savePosition,
       click(item) {
@@ -33,7 +35,7 @@ export const onMenu = async ({
       },
     },
     {
-      label: 'Save window size',
+      label: t('plugins.picture-in-picture.menu.save-window-size'),
       type: 'checkbox',
       checked: config.saveSize,
       click(item) {
@@ -41,19 +43,19 @@ export const onMenu = async ({
       },
     },
     {
-      label: 'Hotkey',
+      label: t('plugins.picture-in-picture.menu.hotkey.label'),
       type: 'checkbox',
       checked: !!config.hotkey,
       async click(item) {
         const output = await prompt(
           {
-            title: 'Picture in Picture Hotkey',
-            label: 'Choose a hotkey for toggling Picture in Picture',
+            title: t('plugins.picture-in-picture.menu.prompt.title'),
+            label: t('plugins.picture-in-picture.menu.prompt.label'),
             type: 'keybind',
             keybindOptions: [
               {
                 value: 'hotkey',
-                label: 'Hotkey',
+                label: t('plugins.picture-in-picture.menu.prompt.keybind-options.hotkey'),
                 default: config.hotkey,
               },
             ],
@@ -74,7 +76,7 @@ export const onMenu = async ({
       },
     },
     {
-      label: 'Use native PiP',
+      label: t('plugins.picture-in-picture.menu.use-native-pip'),
       type: 'checkbox',
       checked: config.useNativePiP,
       click(item) {

src/plugins/picture-in-picture/templates/picture-in-picture.html

@@ -44,7 +44,7 @@
       class="text style-scope ytmusic-menu-navigation-item-renderer"
       id="ytmcustom-pip"
     >
-      Picture in picture
+      <ytmd-trans key="plugins.picture-in-picture.templates.button"></ytmd-trans>
     </div>
   </div>
 </div>