change from default to named exports

.changeset/config.json

@@ -9,5 +9,5 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": ["@svelte-scoped-uno/sveltekit-preprocess-example"]
 }

.changeset/tall-pianos-wait.md

@@ -0,0 +1,6 @@
+---
+"svelte-preprocess-unocss": patch
+"svelte-scoped-uno": patch
+---
+
+change from default to named exports to easily allow for usage of Vite plugin from within svelte-preprocess-unocss if wanting to conveniently use the global reset, preflights, and safelist for a library demo app

examples/svelte-vite-plugin/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
-import SvelteScopedUno from 'svelte-scoped-uno'
+import { SvelteScopedUno } from 'svelte-scoped-uno'
 
 export default defineConfig({
   plugins: [

examples/sveltekit-preprocess/src/app.html

@@ -6,7 +6,10 @@
 	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 
-	<link rel="stylesheet" href="%sveltekit.assets%/tailwind-reset.css">
+	<!-- If you have your preferred styles reset and don't want to use the option one provided by svelte-scoped-uno, add that first  -->
+
+	<!-- Then the global styles from svelte-scoped-uno (optional reset, preflights and safelists). These are inlined in dev, added as a cacheable hashed css file in build. -->
+	%svelte-scoped-uno.global%
 
 	%sveltekit.head%
 </head>

examples/sveltekit-vite-plugin/src/hooks.server.js → examples/sveltekit-preprocess/src/hooks.server.js

@@ -1,3 +1,5 @@
+// This is just here for our global usage of SvelteScopedUno to conveniently provide a reset and preflights to my demo app - this is unnecessary for your usage of svelte-preprocess-unocss
+
 /** @type {import('@sveltejs/kit').Handle} */
 export async function handle({ event, resolve }) {
   const response = await resolve(event, {