disable nav in options

manifest.json

@@ -25,7 +25,7 @@
     "scripts": ["./src/background/index.js"]
   },
   "options_ui": {
-    "page": "./src/dashboard/index.html#/options"
+    "page": "./src/dashboard/index.html#/options?nav=false"
   },
   "content_scripts": [
     {

src/dashboard/App.svelte

@@ -1,5 +1,5 @@
 <script>
-  import Router, { link } from 'svelte-spa-router'
+  import Router, { link, querystring } from 'svelte-spa-router'
 
   import Toasts from './components/Toasts.svelte'
   import Dev from './components/Dev.svelte'
@@ -15,20 +15,21 @@
     '/options': Options,
     '/limits': Limits,
   }
+
+  $: nav = new URLSearchParams($querystring).get('nav') !== 'false'
 </script>
 
 {#if isDev}
   <Dev />
 {/if}
 <main>
-  <div class="mb-8">
+  {#if nav}
-    <!-- svelte-ignore a11y-missing-attribute -->
+    <div class="mb-8">
-    <a use:link={'/'}><button class="btn">Dashboard</button></a>
+      <a use:link href="/"><button class="btn">Dashboard</button></a>
-    <!-- svelte-ignore a11y-missing-attribute -->
+      <a use:link href="/limits"><button class="btn">Limits</button></a>
-    <a use:link={'/limits'}><button class="btn">Limits</button></a>
+      <a use:link href="/options"><button class="btn">Options</button></a>
-    <!-- svelte-ignore a11y-missing-attribute -->
+    </div>
-    <a use:link={'/options'}><button class="btn">Options</button></a>
+  {/if}
-  </div>
 
   <Router {routes} />
   <Toasts />