logout button (#137)

* feat: log out button

* fix: use i18n

AquaNet/src/libs/i18n/en_ref.ts

@@ -177,6 +177,7 @@ export const EN_REF_SETTINGS = {
   'settings.profile.location': 'Location',
   'settings.profile.bio': 'Bio',
   'settings.profile.unset': 'Unset',
+  'settings.profile.logout': 'Log out',
   'settings.profile.unchanged': 'Unchanged',
   'settings.export': 'Export Player Data',
   'settings.cabNotice': "Note: These settings will only affect your own cab/setup. If you're playing on someone else's setup, please contact them to change these settings.",

AquaNet/src/libs/i18n/zh.ts

@@ -184,6 +184,7 @@ const zhSettings: typeof EN_REF_SETTINGS = {
   'settings.profile.location': '位置',
   'settings.profile.bio': '简介',
   'settings.profile.unset': '未设置',
+  'settings.profile.logout': '登出',
   'settings.profile.unchanged': '未更改',
   'settings.export': '导出玩家数据',
   'settings.cabNotice': '注意：下面这些设置只会影响你自己的机器，如果你是在其他人的机器上玩的话，请联系机主来改设置',

AquaNet/src/pages/User/Settings.svelte

@@ -15,6 +15,7 @@
   import WaccaSettings from "../../components/settings/WaccaSettings.svelte";
   import GeneralGameSettings from "../../components/settings/GeneralGameSettings.svelte";
   import OngekiSettings from "../../components/settings/OngekiSettings.svelte";
+  import useLocalStorage from "../../libs/hooks/useLocalStorage.svelte";
 
   USER.ensureLoggedIn()
 
@@ -120,6 +121,10 @@
         error = t("settings.profile.bad-format");
     }
   };
+  function logOut() {
+    localStorage.removeItem("token");
+    location.href = "/";
+  }
 
   const passwordAction = (node: HTMLInputElement, whether: boolean) => {
     if (whether) node.type = 'password'
@@ -196,6 +201,11 @@
           </label>
         </div>
       </div>
+      <div class="field m-t">
+        <div>
+          <button on:click={logOut}>{ts(`settings.profile.logout`)}</button>
+        </div>
+      </div>
     </div>
   {:else if tabs[tab] === 'chu3'}
     <!-- Userbox settings -->