add a reset button

.vscode/settings.json

@@ -1,5 +1,11 @@
 {
   "search.exclude": {
     "/public/games/**": true
+  },
+  "files.exclude": {
+    "**/*.rpyc": true,
+    "**/*.rpa": true,
+    "**/*.rpymc": true,
+    "**/cache/": true
   }
 }

src/components/SettingsContent/ProxyTab.astro

@@ -72,8 +72,28 @@ const wispURLList = [
     <label aria-label="Wisp Transport" for="dropdown__transport" class="setting-label">{t("settings.proxy.transport")}</label>
     <Dropdown buttonNameDefault="Epoxy" dropdownList={transportsList} localStorageKey="transport" id="dropdown__transport" />
   </div>
+  <div class="setting__reset">
+    <button id="reset-button">Reset Settings</button>
+  </div>
 </div>
 <div class="setting__searxng-url">
   <label aria-label="SearXNG URL" for="searxng-url-input" class="setting-label">{t("settings.proxy.searxngURL")}</label>
   <Input height="50px" inputName="searxng-url" defaultTextContent="https://searxng.site/" />
 </div>
+
+<style>
+  .setting__reset {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  #reset-button {
+    background-color: var(--background-highlight);
+    border: none;
+    color: var(--text-color);
+    border-radius: 1rem;
+    padding: 10px;
+    margin-top: 40px;
+    cursor: pointer;
+  }
+</style>

src/components/ts/settings.ts

@@ -176,6 +176,14 @@ function setupProxySettings() {
   const currentTransportDropdown = document.getElementById("dropdown__transport");
   const wispURLDropdown = document.getElementById("dropdown__wisp-url");
 
+  const resetSettings = document.getElementById("reset-button");
+  if (resetSettings) {
+    resetSettings.onclick = () => {
+      localStorage.removeItem("AluStore");
+      window.location.reload();
+    }
+  }
+
   // Inputs
   const searxngUrlInput = document.getElementById("searxng-url-input") as HTMLInputElement;
   const bareURLInput = document.getElementById("bare-url-input") as HTMLInputElement;

src/layouts/Layout.astro

@@ -48,8 +48,8 @@ const { title, optionalPreloads } = Astro.props;
         return <link rel="preload" href={item.href} as={item.as} />;
       })
     }
-    <script src="https://www.googletagmanager.com/gtag/js?id=G-P1JX4G9KSF" is:inline></script>
+    <script src="https://www.googletagmanager.com/gtag/js?id=G-P1JX4G9KSF" defer is:inline></script>
-    <script is:inline>
+    <script is:inline defer>
       window.dataLayer = window.dataLayer || [];
       function gtag() {
         window.dataLayer.push(arguments);