improve inspector in stackblitz

jacob-8 · Mar 21, 2023 · dee59e9 · dee59e9
1 parent 981de4e
commit dee59e9
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/Roadmap.md b/Roadmap.md
@@ -1,7 +1,7 @@
 # Roadmap
 
 - use in kitbook
-- improve package example and add stackblitz link
+- improve package example
 - close UnoCSS PRs and update notices there about this package
 - update temp-s-p-u with link to updated preprocessor
 - think about preflights and safelist in packaged libraries that are consumed by apps not using svelte-scoped-uno

diff --git a/examples/svelte-vite-plugin/src/lib/DarkModeToggle.svelte b/examples/svelte-vite-plugin/src/lib/DarkModeToggle.svelte
@@ -1,5 +1,5 @@
 <button
-  class="fixed top-1 right-1 p-2 text-lg opacity-75 hover:opacity-100"
+  class="fixed top-1 left-1 p-2 text-lg opacity-75 hover:opacity-100"
   on:click={() => window.document.body.classList.toggle("dark")}
 >
   <span class="dark:i-ri-moon-line i-ri-sun-line" />

diff --git a/examples/svelte-vite-plugin/svelte.config.js b/examples/svelte-vite-plugin/svelte.config.js
@@ -6,7 +6,9 @@ const config = {
 
   vitePlugin: {
     experimental: {
-      inspector: true,
+      inspector: {
+        showToggleButton: 'always',
+      },
     },
   },
 }

diff --git a/examples/sveltekit-preprocess/svelte.config.js b/examples/sveltekit-preprocess/svelte.config.js
@@ -19,7 +19,9 @@ const config = {
 
 	vitePlugin: {
 		experimental: {
-			inspector: true,
+			inspector: {
+        showToggleButton: 'always',
+      },
 		},
 	},
 };

diff --git a/examples/sveltekit-vite-plugin/src/lib/DarkModeToggle.svelte b/examples/sveltekit-vite-plugin/src/lib/DarkModeToggle.svelte
@@ -1,5 +1,5 @@
 <button
-  class="fixed top-1 right-1 p-2 text-lg opacity-75 hover:opacity-100"
+  class="fixed top-1 left-1 p-2 text-lg opacity-75 hover:opacity-100"
   on:click={() => window.document.body.classList.toggle("dark")}
 >
   <span class="dark:i-ri-moon-line i-ri-sun-line" />

diff --git a/examples/sveltekit-vite-plugin/svelte.config.js b/examples/sveltekit-vite-plugin/svelte.config.js
@@ -11,7 +11,9 @@ const config = {
 
   vitePlugin: {
     experimental: {
-      inspector: true,
+      inspector: {
+        showToggleButton: 'always',
+      },
     },
   },
 }