diff --git a/apps/sveltekit-example-app/svelte.config.js b/apps/sveltekit-example-app/svelte.config.js
index 0eca652..78aaeb6 100644
--- a/apps/sveltekit-example-app/svelte.config.js
+++ b/apps/sveltekit-example-app/svelte.config.js
@@ -1,4 +1,5 @@
 import adapter from '@sveltejs/adapter-node'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -14,6 +15,9 @@ const config = {
       },
     },
   },
+  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
 }
 
 export default config
diff --git a/packages/ui-lib-svelte/svelte.config.js b/packages/ui-lib-svelte/svelte.config.js
index b30a15e..d686b5f 100644
--- a/packages/ui-lib-svelte/svelte.config.js
+++ b/packages/ui-lib-svelte/svelte.config.js
@@ -1,4 +1,5 @@
 import adapter from '@sveltejs/adapter-auto'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -14,6 +15,9 @@ const config = {
       },
     },
   },
+  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
 }
 
 export default config