55Svelte-world is akin to the fiery aftermath when the universes of
66[ Mad Max] ( https://en.wikipedia.org/wiki/Mad_Max:_Fury_Road ) and
77[ Split] ( < https://en.wikipedia.org/wiki/Split_(2016_American_film) > ) collide - full of peril, violent
8- sandstorms and new beginnings with a touch of disassociative personality disorder.
8+ sandstorms and new beginnings with a touch of dissociative identity disorder.
99
1010To help navigate through this madness, just like how Moses parted the Red Sea, behold the emergence
1111of this repo. Cue angels singing. The best way to describe this is it's like a brick-layer - but
@@ -22,7 +22,7 @@ Generate the base template using `create-svelte` with these recommended options:
2222
2323- [x] Skeleton or Library project
2424- [x] JavaScript with JSDoc comments
25- - [x] Include ESLint, Prettier and Playwight
25+ - [x] Include ESLint, Prettier and Playwright
2626
2727```
2828$ npm create svelte@latest my-app
@@ -31,7 +31,7 @@ $ npm create svelte@latest my-app
3131### Step 2: Run the combo-patcher
3232
3333Then, layer the patches based on the last-known SvelteKit decisions. This uses
34- [ zx ] ( https://github.com/google/zx ) , so make sure that's installed.
34+ [ ` zx ` ] ( https://github.com/google/zx ) , so make sure that's installed.
3535
3636```
3737$ zx https://cdn.jsdelivr.net/gh/zerodevx/svelte-starter@2/index.mjs my-app
@@ -81,12 +81,12 @@ both well, but spaces display better outside IDEs (I'm looking at you Github).
8181
8282Add defence against ` no-semi ` :
8383
84- ``` js
85- module . exports = {
84+ ``` json
85+ {
8686 //...
87- rules: {
88- ' no-tabs' : ' error' ,
89- ' no-unexpected-multiline' : ' error'
87+ " rules" : {
88+ " no-tabs" : " error" ,
89+ " no-unexpected-multiline" : " error"
9090 }
9191}
9292```
@@ -111,9 +111,9 @@ Use `@fontsource-variable` for self-hosted open-source fonts.
111111### Icons
112112
113113Use ` @iconify/tailwind ` plugin for high-performance css-only icons. Apply icon classes using
114- ` icon-[ {prefix}--{name}] ` . Install icon sets at ` @iconify-json/{prefix} ` . Set icon size using
115- standard tw classes eg. ` h-6 w-6` . Only icons you use will be included in your build. Read more at
116- [ Iconify] ( https://github.com/iconify/iconify/tree/main/plugins/tailwind ) .
114+ ` iconify {prefix}--{name}` . Install icon sets at ` @iconify-json/{prefix} ` . Set icon size using
115+ standard tailwind classes like ` text-lg ` or ` w-6 h-6 ` . Only icons you use will be included in your
116+ build. Read more at [ Iconify] ( https://github.com/iconify/iconify/tree/main/plugins/tailwind ) .
117117
118118## License
119119
0 commit comments