Add zh tw selector

src/components/Sidebar/Sidebar.svelte

@@ -22,6 +22,7 @@
 
   const languages = [
     { id: 'zh', label: '中文(简体)' },
+    { id: 'tw', label: '中文(繁體)' },
     { id: 'en', label: 'English' },
     { id: 'fr', label: 'Français' },
     { id: 'ko', label: '한국어' },

src/i18n.js

@@ -7,6 +7,7 @@ import ko from './locales/ko.json';
 import fr from './locales/fr.json';
 import zh from './locales/zh.json';
 import pt from './locales/pt.json';
+import tw from './locales/tw.json';
 
 const INIT_OPTIONS = {
   fallbackLocale: 'en',
@@ -25,7 +26,7 @@ $locale.subscribe((value) => {
   }
 });
 
-const supportedLanguage = ['en', 'id', 'ru', 'ko', 'fr', 'zh', 'pt'];
+const supportedLanguage = ['en', 'id', 'ru', 'ko', 'fr', 'zh', 'pt', 'tw'];
 addMessages('en', en);
 addMessages('id', id);
 addMessages('ru', ru);
@@ -33,6 +34,7 @@ addMessages('ko', ko);
 addMessages('fr', fr);
 addMessages('zh', zh);
 addMessages('pt', pt);
+addMessages('tw', tw);
 
 export function startClient() {
   let used = 'en';

static/images/locales/tw.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-tw" viewBox="0 0 512 512">
+  <defs>
+    <clipPath id="a">
+      <path fill-opacity=".7" d="M0 0h496v496H0z"/>
+    </clipPath>
+  </defs>
+  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="scale(1.0321)">
+    <path fill="#fe0000" d="M0 0h744v496H0z"/>
+    <path fill="#000095" d="M0 0h373.7v248H0z"/>
+    <path fill="#fff" d="M273.3 173l-45.8-9.4 9.7 45.8-35-31.1-14.4 44.5-14.8-44.4-34.8 31.3 9.5-45.8-45.8 9.7 31-35-44.5-14.4 44.5-14.8-31.4-34.8 45.9 9.5-9.8-45.8 35 31 14.5-44.5 14.7 44.5 34.8-31.4-9.4 45.9L273 74l-31.1 35 44.5 14.4-44.4 14.8z"/>
+    <path fill="#000095" d="M231 169.5l-14.4 7.7-14.1 8.3-16.4-.6-16.4.2-14-8.6-14.2-8-7.7-14.5-8.4-14 .5-16.4-.1-16.4 8.7-13.8 8-14.3 14.5-7.7 14-8.3 16.5.5 16.4-.2 13.9 8.7 14.3 8 7.7 14.5 8.3 14-.5 16.4.2 16.3-8.7 14z"/>
+    <path fill="#fff" d="M237 124.3a50.3 50.3 0 1 1-100.5 0 50.3 50.3 0 0 1 100.5 0z"/>
+  </g>
+</svg>