From ccd3cff4418bb87923613073df2311dd828e1c16 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= Date: Sun, 10 Jul 2022 07:42:06 +0200 Subject: [PATCH] docs(vite): update SvelteKit entry and the example (#1237) --- examples/sveltekit/package.json | 9 +++--- examples/sveltekit/src/app.html | 4 +-- examples/sveltekit/svelte.config.js | 45 +++++------------------------ examples/sveltekit/vite.config.js | 45 +++++++++++++++++++++++++++++ packages/vite/README.md | 26 +++++++---------- 5 files changed, 69 insertions(+), 60 deletions(-) create mode 100644 examples/sveltekit/vite.config.js diff --git a/examples/sveltekit/package.json b/examples/sveltekit/package.json index 30af600f60..598c04e431 100644 --- a/examples/sveltekit/package.json +++ b/examples/sveltekit/package.json @@ -2,10 +2,10 @@ "name": "unocss-sveltekit", "type": "module", "scripts": { - "dev": "svelte-kit dev", - "build": "svelte-kit build", + "dev": "vite dev --force", + "build": "vite build", "package": "svelte-kit package", - "preview": "svelte-kit preview", + "preview": "vite preview", "check": "svelte-check --tsconfig ./tsconfig.json", "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch", "lint": "eslint --ignore-path .gitignore ." @@ -22,6 +22,7 @@ "svelte-preprocess": "^4.10.7", "tslib": "^2.4.0", "typescript": "^4.7.4", - "unocss": "link:../../packages/unocss" + "unocss": "link:../../packages/unocss", + "vite": "2.9.12" } } diff --git a/examples/sveltekit/src/app.html b/examples/sveltekit/src/app.html index ab9a75726e..3b2928b305 100644 --- a/examples/sveltekit/src/app.html +++ b/examples/sveltekit/src/app.html @@ -3,9 +3,9 @@ - %svelte.head% + %sveltekit.head% -
%svelte.body%
+
%sveltekit.body%
diff --git a/examples/sveltekit/svelte.config.js b/examples/sveltekit/svelte.config.js index 87e539008f..83a8556054 100644 --- a/examples/sveltekit/svelte.config.js +++ b/examples/sveltekit/svelte.config.js @@ -1,10 +1,5 @@ import adapter from '@sveltejs/adapter-static' import preprocess from 'svelte-preprocess' -import UnoCss from 'unocss/vite' -import { extractorSvelte } from '@unocss/core' -import presetIcons from '@unocss/preset-icons' -import presetUno from '@unocss/preset-uno' -import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders' /** @type {import('@sveltejs/kit').Config} */ const config = { @@ -15,39 +10,13 @@ const config = { kit: { adapter: adapter(), - vite: { - plugins: [ - UnoCss({ - extractors: [extractorSvelte], - shortcuts: [ - { logo: 'i-logos:svelte-icon w-6em h-6em transform transition-800 hover:rotate-180' }, - { foo: 'bg-yellow-400' }, - { bar: 'bg-green-400' }, - ], - presets: [ - presetUno(), - presetIcons({ - collections: { - custom: { - // do not remove LF: testing trimCustomSvg on universal icon loader - circle: ` - - -`, - }, - customfsl: FileSystemIconLoader( - './icons', - svg => svg.replace(' + + +`, + }, + customfsl: FileSystemIconLoader( + './icons', + svg => svg.replace('