Replace sveltePreprocess with vitePreprocess in docs. Closes #57

techniq · Jan 20, 2024 · f58a43d · f58a43d
1 parent 849cc31
commit f58a43d
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 12 deletions.
diff --git a/packages/svelte-ux/package.json b/packages/svelte-ux/package.json
@@ -45,7 +45,6 @@
     "rehype-slug": "^6.0.0",
     "svelte": "^4.2.8",
     "svelte-check": "^3.6.3",
-    "svelte-preprocess": "^5.1.3",
     "svelte2tsx": "^0.7.0",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",

diff --git a/packages/svelte-ux/src/lib/plugins/vite.js b/packages/svelte-ux/src/lib/plugins/vite.js
@@ -1,5 +1,5 @@
 import s from 'sveld';
-import sveltePreprocess from 'svelte-preprocess';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { preprocess } from 'svelte/compiler';
 import qs from 'node:querystring';
 
@@ -12,7 +12,7 @@ export function sveld() {
       if ('raw' in query && 'sveld' in query) {
         const raw = JSON.parse(src.split('export default ')[1]);
 
-        let { code } = await preprocess(raw, sveltePreprocess(), {
+        let { code } = await preprocess(raw, vitePreprocess(), {
           filename: id,
         });
         const data = new s.ComponentParser({

diff --git a/packages/svelte-ux/src/routes/+layout.svelte b/packages/svelte-ux/src/routes/+layout.svelte
@@ -25,6 +25,8 @@
   import { createLocaleSettings } from '$lib';
   import LanguageSelect from '$lib/components/LanguageSelect.svelte';
 
+  import './app.css';
+
   export let data: PageData;
 
   const baseGh = 'https://github.com/techniq/svelte-ux';
@@ -290,10 +292,6 @@
 </AppLayout>
 
 <style lang="postcss">
-  @tailwind base;
-  @tailwind components;
-  @tailwind utilities;
-
   :global(body) {
     @apply bg-surface-200 accent-primary;
     /* background-image:

diff --git a/packages/svelte-ux/src/routes/app.css b/packages/svelte-ux/src/routes/app.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/svelte-ux/svelte.config.js b/packages/svelte-ux/svelte.config.js
@@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-auto';
-import sveltePreprocess from 'svelte-preprocess';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { mdsvex } from 'mdsvex';
 
 import mdsvexConfig from './mdsvex.config.js';
@@ -8,7 +8,7 @@ import { codePreview } from './src/lib/plugins/svelte.js';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   extensions: ['.svelte', ...mdsvexConfig.extensions],
-  preprocess: [mdsvex(mdsvexConfig), sveltePreprocess(), codePreview()],
+  preprocess: [mdsvex(mdsvexConfig), vitePreprocess(), codePreview()],
 
   vitePlugin: {
     inspector: {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml