diff --git a/package.json b/package.json index 0c0df472..66768144 100644 --- a/package.json +++ b/package.json @@ -39,16 +39,16 @@ "devDependencies": { "@changesets/cli": "^2.27.9", "@playwright/test": "^1.48.1", - "@sveltejs/adapter-auto": "^3.3.0", - "@sveltejs/kit": "^2.7.2", - "@sveltejs/package": "^2.3.6", + "@sveltejs/adapter-auto": "^3.3.1", + "@sveltejs/kit": "^2.7.3", + "@sveltejs/package": "^2.3.7", "@sveltejs/vite-plugin-svelte": "4.0.0", "@svitejs/changesets-changelog-github-compact": "^1.2.0", "@types/eslint": "^9.6.1", "autoprefixer": "^10.4.20", "eslint": "^9.13.0", "eslint-config-prettier": "^9.1.0", - "eslint-plugin-svelte": "2.45.1", + "eslint-plugin-svelte": "2.46.0", "globals": "^15.11.0", "highlight.js": "^11.10.0", "postcss": "^8.4.47", @@ -58,7 +58,7 @@ "publint": "^0.2.12", "runatics": "^0.1.3", "runes-meta-tags": "^0.4.0", - "runes-webkit": "^0.9.35", + "runes-webkit": "^0.9.36", "svelte": "5.1.2", "svelte-5-ui-lib": "^0.9.23", "svelte-check": "^4.0.5", @@ -79,7 +79,7 @@ "!dist/**/*.spec.*" ], "peerDependencies": { - "svelte": "^5.0.0 || ^5.0.0-next.1", + "svelte": "^5.0.0", "tailwind-merge": "^2.3.0", "tailwindcss": "^3.4.3" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 469880ef..b43d7a4e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -22,14 +22,14 @@ importers: specifier: ^1.48.1 version: 1.48.1 '@sveltejs/adapter-auto': - specifier: ^3.3.0 - version: 3.3.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10)) + specifier: ^3.3.1 + version: 3.3.1(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10)) '@sveltejs/kit': - specifier: ^2.7.2 - version: 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) + specifier: ^2.7.3 + version: 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) '@sveltejs/package': - specifier: ^2.3.6 - version: 2.3.6(svelte@5.1.2)(typescript@5.6.3) + specifier: ^2.3.7 + version: 2.3.7(svelte@5.1.2)(typescript@5.6.3) '@sveltejs/vite-plugin-svelte': specifier: 4.0.0 version: 4.0.0(svelte@5.1.2)(vite@5.4.10) @@ -49,8 +49,8 @@ importers: specifier: ^9.1.0 version: 9.1.0(eslint@9.13.0(jiti@1.21.6)) eslint-plugin-svelte: - specifier: 2.45.1 - version: 2.45.1(eslint@9.13.0(jiti@1.21.6))(svelte@5.1.2) + specifier: 2.46.0 + version: 2.46.0(eslint@9.13.0(jiti@1.21.6))(svelte@5.1.2) globals: specifier: ^15.11.0 version: 15.11.0 @@ -79,14 +79,14 @@ importers: specifier: ^0.4.0 version: 0.4.0(svelte@5.1.2) runes-webkit: - specifier: ^0.9.35 - version: 0.9.35(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(highlight.js@11.10.0)(svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14))(svelte-rune-highlight@0.5.12(svelte@5.1.2))(svelte@5.1.2)(tailwindcss@3.4.14) + specifier: ^0.9.36 + version: 0.9.36(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(highlight.js@11.10.0)(svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14))(svelte-rune-highlight@0.5.12(svelte@5.1.2))(svelte@5.1.2)(tailwindcss@3.4.14) svelte: specifier: 5.1.2 version: 5.1.2 svelte-5-ui-lib: specifier: ^0.9.23 - version: 0.9.23(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14) + version: 0.9.23(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14) svelte-check: specifier: ^4.0.5 version: 4.0.5(svelte@5.1.2)(typescript@5.6.3) @@ -516,13 +516,13 @@ packages: cpu: [x64] os: [win32] - '@sveltejs/adapter-auto@3.3.0': - resolution: {integrity: sha512-EJZqY7eMM+bdbR898Xt9ufawUHLPJu7w3wPr4Cc+T1iIDf3fufVLWg4C71OluIqsdJqv85E4biKuHo3XXIY0PQ==} + '@sveltejs/adapter-auto@3.3.1': + resolution: {integrity: sha512-5Sc7WAxYdL6q9j/+D0jJKjGREGlfIevDyHSQ2eNETHcB1TKlQWHcAo8AS8H1QdjNvSXpvOwNjykDUHPEAyGgdQ==} peerDependencies: '@sveltejs/kit': ^2.0.0 - '@sveltejs/kit@2.7.2': - resolution: {integrity: sha512-bFwrl+0bNr0/DHQZM0INwwSPNYqDjfsKRhUoa6rj9d8tDZzszBrJ3La6/HVFxWGONEigtG+SzHXa1BEa1BLdwA==} + '@sveltejs/kit@2.7.3': + resolution: {integrity: sha512-Vx7nq5MJ86I8qXYsVidC5PX6xm+uxt8DydvOdmJoyOK7LvGP18OFEG359yY+aa51t6pENvqZAMqAREQQx1OI2Q==} engines: {node: '>=18.13'} hasBin: true peerDependencies: @@ -530,8 +530,8 @@ packages: svelte: ^4.0.0 || ^5.0.0-next.0 vite: ^5.0.3 - '@sveltejs/package@2.3.6': - resolution: {integrity: sha512-XzbXWXrdeGbiPj3xICtmh66XrLXApoB/s17LIf0X25bEowAWjEnmukzHVJXaMeSuaFukggdFYoxqcfy4SxucbA==} + '@sveltejs/package@2.3.7': + resolution: {integrity: sha512-LYgUkde5GUYqOpXbcoCGUpEH4Ctl3Wj4u4CVZBl56dEeLW5fGHE037ZL1qlK0Ky+QD5uUfwONSeGwIOIighFMQ==} engines: {node: ^16.14 || >=18} hasBin: true peerDependencies: @@ -935,12 +935,12 @@ packages: peerDependencies: eslint: '>=7.0.0' - eslint-plugin-svelte@2.45.1: - resolution: {integrity: sha512-mYAKNDRji0YWl7o00KQi0enREcrtzcN7xwK/8lwk5uLRoKLjzPXc+WjngsYpPV35I3AF7UlXc1+JfyNMJS+njA==} + eslint-plugin-svelte@2.46.0: + resolution: {integrity: sha512-1A7iEMkzmCZ9/Iz+EAfOGYL8IoIG6zeKEq1SmpxGeM5SXmoQq+ZNnCpXFVJpsxPWYx8jIVGMerQMzX20cqUl0g==} engines: {node: ^14.17.0 || >=16.0.0} peerDependencies: eslint: ^7.0.0 || ^8.0.0-0 || ^9.0.0-0 - svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191 + svelte: ^3.37.0 || ^4.0.0 || ^5.0.0 peerDependenciesMeta: svelte: optional: true @@ -1256,8 +1256,8 @@ packages: resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} engines: {node: '>=6'} - known-css-properties@0.34.0: - resolution: {integrity: sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==} + known-css-properties@0.35.0: + resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==} levn@0.4.1: resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} @@ -1716,8 +1716,8 @@ packages: peerDependencies: svelte: ^5.0.0 - runes-webkit@0.9.35: - resolution: {integrity: sha512-0SfGQ4k12AhfzcQ2AcBRF9cUMOdU3ML8GghsHfruu/NmrIbr06Pzxx/7c69CtmxEZ6Wse8566hSGUX9AF6RaVQ==} + runes-webkit@0.9.36: + resolution: {integrity: sha512-wMWiHNszgcQMvTJhbt9kndPWpabW2jqaot+HTIbuos3DWE5pfC+RZJh2dRsdRdnAlkGccsvVo9jN/sPcqiJx8A==} engines: {node: '>=18.0.0', npm: '>=7.0.0'} peerDependencies: '@sveltejs/kit': ^2.5.5 @@ -1844,11 +1844,11 @@ packages: svelte: ^4.0.0 || ^5.0.0-next.0 typescript: '>=5.0.0' - svelte-eslint-parser@0.42.0: - resolution: {integrity: sha512-e7LyqFPTuF43ZYhKOf0Gq1lzP+G64iWVJXAIcwVxohGx5FFyqdUkw7DEXNjZ+Fm+TAA98zPmDqWvgD1OpyMi5A==} + svelte-eslint-parser@0.43.0: + resolution: {integrity: sha512-GpU52uPKKcVnh8tKN5P4UZpJ/fUDndmq7wfsvoVXsyP+aY0anol7Yqo01fyrlaWGMFfm4av5DyrjlaXdLRJvGA==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: - svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191 + svelte: ^3.37.0 || ^4.0.0 || ^5.0.0 peerDependenciesMeta: svelte: optional: true @@ -2589,12 +2589,12 @@ snapshots: '@rollup/rollup-win32-x64-msvc@4.24.0': optional: true - '@sveltejs/adapter-auto@3.3.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))': + '@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))': dependencies: - '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) + '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) import-meta-resolve: 4.1.0 - '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10)': + '@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10)': dependencies: '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.2)(vite@5.4.10) '@types/cookie': 0.6.0 @@ -2612,7 +2612,7 @@ snapshots: tiny-glob: 0.2.9 vite: 5.4.10 - '@sveltejs/package@2.3.6(svelte@5.1.2)(typescript@5.6.3)': + '@sveltejs/package@2.3.7(svelte@5.1.2)(typescript@5.6.3)': dependencies: chokidar: 4.0.1 kleur: 4.1.5 @@ -3045,20 +3045,20 @@ snapshots: dependencies: eslint: 9.13.0(jiti@1.21.6) - eslint-plugin-svelte@2.45.1(eslint@9.13.0(jiti@1.21.6))(svelte@5.1.2): + eslint-plugin-svelte@2.46.0(eslint@9.13.0(jiti@1.21.6))(svelte@5.1.2): dependencies: '@eslint-community/eslint-utils': 4.4.0(eslint@9.13.0(jiti@1.21.6)) '@jridgewell/sourcemap-codec': 1.5.0 eslint: 9.13.0(jiti@1.21.6) eslint-compat-utils: 0.5.1(eslint@9.13.0(jiti@1.21.6)) esutils: 2.0.3 - known-css-properties: 0.34.0 + known-css-properties: 0.35.0 postcss: 8.4.47 postcss-load-config: 3.1.4(postcss@8.4.47) postcss-safe-parser: 6.0.0(postcss@8.4.47) postcss-selector-parser: 6.1.2 semver: 7.6.3 - svelte-eslint-parser: 0.42.0(svelte@5.1.2) + svelte-eslint-parser: 0.43.0(svelte@5.1.2) optionalDependencies: svelte: 5.1.2 transitivePeerDependencies: @@ -3386,7 +3386,7 @@ snapshots: kleur@4.1.5: {} - known-css-properties@0.34.0: {} + known-css-properties@0.35.0: {} levn@0.4.1: dependencies: @@ -3737,12 +3737,12 @@ snapshots: deepmerge: 4.3.1 svelte: 5.1.2 - runes-webkit@0.9.35(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(highlight.js@11.10.0)(svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14))(svelte-rune-highlight@0.5.12(svelte@5.1.2))(svelte@5.1.2)(tailwindcss@3.4.14): + runes-webkit@0.9.36(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(highlight.js@11.10.0)(svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14))(svelte-rune-highlight@0.5.12(svelte@5.1.2))(svelte@5.1.2)(tailwindcss@3.4.14): dependencies: - '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) + '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) highlight.js: 11.10.0 svelte: 5.1.2 - svelte-5-ui-lib: 0.9.23(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14) + svelte-5-ui-lib: 0.9.23(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14) svelte-rune-highlight: 0.5.12(svelte@5.1.2) tailwind-merge: 2.5.4 tailwind-variants: 0.2.1(tailwindcss@3.4.14) @@ -3838,10 +3838,10 @@ snapshots: supports-preserve-symlinks-flag@1.0.0: {} - svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14): + svelte-5-ui-lib@0.9.23(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(tailwindcss@3.4.14): dependencies: '@floating-ui/dom': 1.6.11 - '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) + '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10))(svelte@5.1.2)(vite@5.4.10) apexcharts: 3.54.1 clsx: 2.1.1 svelte: 5.1.2 @@ -3861,7 +3861,7 @@ snapshots: transitivePeerDependencies: - picomatch - svelte-eslint-parser@0.42.0(svelte@5.1.2): + svelte-eslint-parser@0.43.0(svelte@5.1.2): dependencies: eslint-scope: 7.2.2 eslint-visitor-keys: 3.4.3 diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index a6688cf9..5a2c2728 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -58,7 +58,7 @@ const hasPath = (key: string) => currentUrl.includes(key); const lis: LiType[] = [ - { name: 'Guide', href: '/guide/svelte-4/getting-started' }, + { name: 'Guide', href: '/guide/svelte-5/getting-started' }, { name: 'Outline', href: '/outline-icons' }, { name: 'Solid', href: '/solid-icons' } ]; diff --git a/src/routes/guide/svelte-4/getting-started/md/installation.md b/src/routes/guide/svelte-4/getting-started/md/installation.md index f67ed73d..db877e81 100644 --- a/src/routes/guide/svelte-4/getting-started/md/installation.md +++ b/src/routes/guide/svelte-4/getting-started/md/installation.md @@ -1,5 +1,4 @@ -npm create svelte@latest my-project -cd my-project +npm create svelte@latest myapp +cd myapp npx svelte-add@latest tailwindcss -pnpm i -pnpm i -D flowbite-svelte-icons \ No newline at end of file +pnpm i -D flowbite-svelte-icons@v1-latest \ No newline at end of file diff --git a/src/routes/guide/svelte-4/getting-started/md/requirement.md b/src/routes/guide/svelte-4/getting-started/md/requirement.md index 7468aaea..643fd490 100644 --- a/src/routes/guide/svelte-4/getting-started/md/requirement.md +++ b/src/routes/guide/svelte-4/getting-started/md/requirement.md @@ -1,3 +1,3 @@ -- Svelte 4 or 5 (without Runes) +- Svelte 4 or 5 - TailwindCSS - tailwind-merge \ No newline at end of file diff --git a/src/routes/guide/svelte-5/getting-started/+page.svelte b/src/routes/guide/svelte-5/getting-started/+page.svelte index 55fe7467..6b2a2790 100644 --- a/src/routes/guide/svelte-5/getting-started/+page.svelte +++ b/src/routes/guide/svelte-5/getting-started/+page.svelte @@ -51,18 +51,12 @@

Installation

-

Install Svelte and TailwindCSS:

- -

Install flowbite-svelte-icons@next:

+

Install flowbite-svelte-icons:

-

Enable Runes in svelte.config.js:

- - -

To make sure the classes used by flowbite-svelte-icons are included by the Tailwindcss, add the following to tailwind.config.cjs. diff --git a/src/routes/guide/svelte-5/getting-started/md/installation-2.md b/src/routes/guide/svelte-5/getting-started/md/installation-2.md index 66f52c78..d0f82c59 100644 --- a/src/routes/guide/svelte-5/getting-started/md/installation-2.md +++ b/src/routes/guide/svelte-5/getting-started/md/installation-2.md @@ -1 +1 @@ -pnpm i -D flowbite-svelte-icons@next \ No newline at end of file +pnpm i -D flowbite-svelte-icons \ No newline at end of file diff --git a/src/routes/guide/svelte-5/getting-started/md/installation.md b/src/routes/guide/svelte-5/getting-started/md/installation.md index 04086e4a..4aeeed17 100644 --- a/src/routes/guide/svelte-5/getting-started/md/installation.md +++ b/src/routes/guide/svelte-5/getting-started/md/installation.md @@ -1,5 +1,4 @@ -// install Svelte 5 -npm create svelte@latest my-project -cd my-project -npx svelte-add@latest tailwindcss -pnpm i \ No newline at end of file +npx sv create myapp +// select tailwindcss to install +cd myapp +pnpm i -D flowbite-svelte-icons \ No newline at end of file diff --git a/src/routes/guide/svelte-5/getting-started/md/requirement.md b/src/routes/guide/svelte-5/getting-started/md/requirement.md index 09347229..c3ba7ec0 100644 --- a/src/routes/guide/svelte-5/getting-started/md/requirement.md +++ b/src/routes/guide/svelte-5/getting-started/md/requirement.md @@ -1,3 +1,3 @@ -- Svelte 5:Runes +- Svelte 5 or later - TailwindCSS - tailwind-merge \ No newline at end of file diff --git a/svelte.config.js b/svelte.config.js index bcaf5fee..f906371a 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -6,9 +6,6 @@ const config = { // Consult https://kit.svelte.dev/docs/integrations#preprocessors // for more information about preprocessors preprocess: [vitePreprocess({})], - compilerOptions: { - runes: true - }, kit: { // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list. // If your environment is not supported or you settled on a specific environment, switch out the adapter.