[READ-ONLY] Mirror of https://github.com/probablykasper/svelte-template. Svelte + Vite + HMR + TypeScript + Preprocessor support
svelte
template
Redesign
+162
-90
+1
-1
README.md
+1
-1
README.md
···
7
7
- **Hot module replacement**
8
8
- **Prettier**
9
9
10
-
Limitations:
10
+
## Limitations
11
11
12
12
- Source maps of `.svelte` files don't support CSS preprocessors ([vite#649](https://github.com/vitejs/vite/issues/649)) and Pug
13
13
- Linting for code-quality rules is not supported. Would need to use ESLint with eslint-plugin-svelte3, but that plugin needs to work with svelte-preprocess ([eslint-plugin-svelte3#10](https://github.com/sveltejs/eslint-plugin-svelte3/issues/10))
+136
-51
package-lock.json
+136
-51
package-lock.json
···
2
2
"requires": true,
3
3
"lockfileVersion": 1,
4
4
"dependencies": {
5
+
"@nodelib/fs.scandir": {
6
+
"version": "2.1.5",
7
+
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
8
+
"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
9
+
"dev": true,
10
+
"requires": {
11
+
"@nodelib/fs.stat": "2.0.5",
12
+
"run-parallel": "^1.1.9"
13
+
}
14
+
},
15
+
"@nodelib/fs.stat": {
16
+
"version": "2.0.5",
17
+
"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
18
+
"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
19
+
"dev": true
20
+
},
21
+
"@nodelib/fs.walk": {
22
+
"version": "1.2.8",
23
+
"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
24
+
"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
25
+
"dev": true,
26
+
"requires": {
27
+
"@nodelib/fs.scandir": "2.1.5",
28
+
"fastq": "^1.6.0"
29
+
}
30
+
},
5
31
"@rollup/pluginutils": {
6
32
"version": "4.1.1",
7
33
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
···
13
39
}
14
40
},
15
41
"@sveltejs/vite-plugin-svelte": {
16
-
"version": "1.0.0-next.22",
17
-
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.0-next.22.tgz",
18
-
"integrity": "sha512-B1O/GMIxpE4iJ3/FBUJ3oYGKHhJ99G9uFARsb8kVeReLDPhtZGXTM+7brLDefJuedbKkRkGEEkbGOVuEuEBo3g==",
42
+
"version": "1.0.0-next.24",
43
+
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.0-next.24.tgz",
44
+
"integrity": "sha512-b+n3jcLpk2j/25APQbk5ejCyd0faYTB2bOxR3gY0LX3MFGgdiL8zdf3/aawcPSxLdbL73YVlxNBIATGuvq03uQ==",
19
45
"dev": true,
20
46
"requires": {
21
47
"@rollup/pluginutils": "^4.1.1",
···
27
53
}
28
54
},
29
55
"@types/node": {
30
-
"version": "16.9.1",
31
-
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.1.tgz",
32
-
"integrity": "sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g==",
56
+
"version": "16.9.6",
57
+
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.6.tgz",
58
+
"integrity": "sha512-YHUZhBOMTM3mjFkXVcK+WwAcYmyhe1wL4lfqNtzI0b3qAy7yuSetnM7QJazgE5PFmgVTNGiLOgRFfJMqW7XpSQ==",
33
59
"dev": true
34
60
},
35
61
"@types/pug": {
···
150
176
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
151
177
"dev": true
152
178
},
153
-
"colorette": {
154
-
"version": "1.4.0",
155
-
"resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
156
-
"integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
157
-
"dev": true
158
-
},
159
179
"concat-map": {
160
180
"version": "0.0.1",
161
181
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
···
184
204
"dev": true
185
205
},
186
206
"esbuild": {
187
-
"version": "0.12.26",
188
-
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.26.tgz",
189
-
"integrity": "sha512-YmTkhPKjvTJ+G5e96NyhGf69bP+hzO0DscqaVJTi5GM34uaD4Ecj7omu5lJO+NrxCUBRhy2chONLK1h/2LwoXA==",
207
+
"version": "0.12.29",
208
+
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.29.tgz",
209
+
"integrity": "sha512-w/XuoBCSwepyiZtIRsKsetiLDUVGPVw1E/R3VTFSecIy8UR7Cq3SOtwKHJMFoVqqVG36aGkzh4e8BvpO1Fdc7g==",
190
210
"dev": true
191
211
},
192
212
"estree-walker": {
···
195
215
"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
196
216
"dev": true
197
217
},
218
+
"fast-glob": {
219
+
"version": "3.2.7",
220
+
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
221
+
"integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
222
+
"dev": true,
223
+
"requires": {
224
+
"@nodelib/fs.stat": "^2.0.2",
225
+
"@nodelib/fs.walk": "^1.2.3",
226
+
"glob-parent": "^5.1.2",
227
+
"merge2": "^1.3.0",
228
+
"micromatch": "^4.0.4"
229
+
}
230
+
},
231
+
"fastq": {
232
+
"version": "1.13.0",
233
+
"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
234
+
"integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
235
+
"dev": true,
236
+
"requires": {
237
+
"reusify": "^1.0.4"
238
+
}
239
+
},
198
240
"fill-range": {
199
241
"version": "7.0.1",
200
242
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
···
224
266
"dev": true
225
267
},
226
268
"glob": {
227
-
"version": "7.1.7",
228
-
"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
229
-
"integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
269
+
"version": "7.2.0",
270
+
"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
271
+
"integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
230
272
"dev": true,
231
273
"requires": {
232
274
"fs.realpath": "^1.0.0",
···
345
387
"dev": true,
346
388
"requires": {
347
389
"sourcemap-codec": "^1.4.4"
390
+
}
391
+
},
392
+
"merge2": {
393
+
"version": "1.4.1",
394
+
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
395
+
"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
396
+
"dev": true
397
+
},
398
+
"micromatch": {
399
+
"version": "4.0.4",
400
+
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
401
+
"integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
402
+
"dev": true,
403
+
"requires": {
404
+
"braces": "^3.0.1",
405
+
"picomatch": "^2.2.3"
348
406
}
349
407
},
350
408
"min-indent": {
···
378
436
}
379
437
},
380
438
"mri": {
381
-
"version": "1.1.6",
382
-
"resolved": "https://registry.npmjs.org/mri/-/mri-1.1.6.tgz",
383
-
"integrity": "sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==",
439
+
"version": "1.2.0",
440
+
"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
441
+
"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
384
442
"dev": true
385
443
},
386
444
"ms": {
387
445
"version": "2.1.2",
388
446
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
389
447
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
448
+
"dev": true
449
+
},
450
+
"nanocolors": {
451
+
"version": "0.1.12",
452
+
"resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.1.12.tgz",
453
+
"integrity": "sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ==",
390
454
"dev": true
391
455
},
392
456
"nanoid": {
···
438
502
"dev": true
439
503
},
440
504
"postcss": {
441
-
"version": "8.3.6",
442
-
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
443
-
"integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
505
+
"version": "8.3.7",
506
+
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.7.tgz",
507
+
"integrity": "sha512-9SaY7nnyQ63/WittqZYAvkkYPyKxchMKH71UDzeTmWuLSvxTRpeEeABZAzlCi55cuGcoFyoV/amX2BdsafQidQ==",
444
508
"dev": true,
445
509
"requires": {
446
-
"colorette": "^1.2.2",
447
-
"nanoid": "^3.1.23",
510
+
"nanocolors": "^0.1.5",
511
+
"nanoid": "^3.1.25",
448
512
"source-map-js": "^0.6.2"
449
513
}
450
514
},
451
515
"prettier": {
452
-
"version": "2.4.0",
453
-
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.4.0.tgz",
454
-
"integrity": "sha512-DsEPLY1dE5HF3BxCRBmD4uYZ+5DCbvatnolqTqcxEgKVZnL2kUfyu7b8pPQ5+hTBkdhU9SLUmK0/pHb07RE4WQ==",
516
+
"version": "2.4.1",
517
+
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.4.1.tgz",
518
+
"integrity": "sha512-9fbDAXSBcc6Bs1mZrDYb3XKzDLm4EXXL9sC1LqKP5rZkT6KRr/rf9amVUcODVXgguK/isJz0d0hP72WeaKWsvA==",
455
519
"dev": true
456
520
},
457
521
"prettier-plugin-svelte": {
458
522
"version": "2.4.0",
459
523
"resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.4.0.tgz",
460
524
"integrity": "sha512-JwJ9bOz4XHLQtiLnX4mTSSDUdhu12WH8sTwy/XTDCSyPlah6IcV7NWeYBZscPEcceu2YnW8Y9sJCP40Z2UH9GA==",
525
+
"dev": true
526
+
},
527
+
"queue-microtask": {
528
+
"version": "1.2.3",
529
+
"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
530
+
"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
461
531
"dev": true
462
532
},
463
533
"readdirp": {
···
491
561
"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
492
562
"dev": true
493
563
},
564
+
"reusify": {
565
+
"version": "1.0.4",
566
+
"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
567
+
"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
568
+
"dev": true
569
+
},
494
570
"rimraf": {
495
571
"version": "2.7.1",
496
572
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
···
501
577
}
502
578
},
503
579
"rollup": {
504
-
"version": "2.56.3",
505
-
"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.56.3.tgz",
506
-
"integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
580
+
"version": "2.57.0",
581
+
"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.57.0.tgz",
582
+
"integrity": "sha512-bKQIh1rWKofRee6mv8SrF2HdP6pea5QkwBZSMImJysFj39gQuiV8MEPBjXOCpzk3wSYp63M2v2wkWBmFC8O/rg==",
507
583
"dev": true,
508
584
"requires": {
509
585
"fsevents": "~2.3.2"
510
586
}
511
587
},
588
+
"run-parallel": {
589
+
"version": "1.2.0",
590
+
"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
591
+
"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
592
+
"dev": true,
593
+
"requires": {
594
+
"queue-microtask": "^1.2.2"
595
+
}
596
+
},
512
597
"sade": {
513
598
"version": "1.7.4",
514
599
"resolved": "https://registry.npmjs.org/sade/-/sade-1.7.4.tgz",
···
531
616
}
532
617
},
533
618
"sass": {
534
-
"version": "1.39.2",
535
-
"resolved": "https://registry.npmjs.org/sass/-/sass-1.39.2.tgz",
536
-
"integrity": "sha512-4/6Vn2RPc+qNwSclUSKvssh7dqK1Ih3FfHBW16I/GfH47b3scbYeOw65UIrYG7PkweFiKbpJjgkf5CV8EMmvzw==",
619
+
"version": "1.42.1",
620
+
"resolved": "https://registry.npmjs.org/sass/-/sass-1.42.1.tgz",
621
+
"integrity": "sha512-/zvGoN8B7dspKc5mC6HlaygyCBRvnyzzgD5khiaCfglWztY99cYoiTUksVx11NlnemrcfH5CEaCpsUKoW0cQqg==",
537
622
"dev": true,
538
623
"requires": {
539
624
"chokidar": ">=3.0.0 <4.0.0"
···
588
673
}
589
674
},
590
675
"svelte": {
591
-
"version": "3.42.5",
592
-
"resolved": "https://registry.npmjs.org/svelte/-/svelte-3.42.5.tgz",
593
-
"integrity": "sha512-+y9ivcwMojAb0e87W7vR/UP7go44zc/3gtEciIMb8CUoIkUx6UJmPloBvVuO9MDXoGkUZM5SHr5PbLze9fJQVw==",
676
+
"version": "3.43.0",
677
+
"resolved": "https://registry.npmjs.org/svelte/-/svelte-3.43.0.tgz",
678
+
"integrity": "sha512-T2pMPHrxXp+SM8pLLUXLQgkdo+JhTls7aqj9cD7z8wT2ccP+OrCAmtQS7h6pvMjitaZhXFNnCK582NxDpy8HSw==",
594
679
"dev": true
595
680
},
596
681
"svelte-check": {
597
-
"version": "2.2.5",
598
-
"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.2.5.tgz",
599
-
"integrity": "sha512-EstDoqxjqWStWELh7Z0qytqUDl/ikdNEr21dveNc4fUDnhnqO2F2jHEufqoNnC3GfBji3GIUHvoXsp/I5lMbCg==",
682
+
"version": "2.2.6",
683
+
"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-2.2.6.tgz",
684
+
"integrity": "sha512-oJux/afbmcZO+N+ADXB88h6XANLie8Y2rh2qBlhgfkpr2c3t/q/T0w2JWrHqagaDL8zeNwO8a8RVFBkrRox8gg==",
600
685
"dev": true,
601
686
"requires": {
602
687
"chalk": "^4.0.0",
603
688
"chokidar": "^3.4.1",
604
-
"glob": "^7.1.6",
689
+
"fast-glob": "^3.2.7",
605
690
"import-fresh": "^3.2.1",
606
691
"minimist": "^1.2.5",
607
692
"sade": "^1.7.4",
···
617
702
"dev": true
618
703
},
619
704
"svelte-preprocess": {
620
-
"version": "4.9.4",
621
-
"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.9.4.tgz",
622
-
"integrity": "sha512-Z0mUQBGtE+ZZSv/HerRSHe7ukJokxjiPeHe7iPOIXseEoRw51H3K/Vh6OMIMstetzZ11vWO9rCsXSD/uUUArmA==",
705
+
"version": "4.9.5",
706
+
"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.9.5.tgz",
707
+
"integrity": "sha512-RbJbtuwKbuZq9RyzlljZUmmFNaojrg/zUEyDrS8io7haTcuITQmE4NERx8qiqHreApo6cQst5Qtp4MxUwr58Ew==",
623
708
"dev": true,
624
709
"requires": {
625
710
"@types/pug": "^2.0.4",
···
640
725
}
641
726
},
642
727
"typescript": {
643
-
"version": "4.4.2",
644
-
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.4.2.tgz",
645
-
"integrity": "sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==",
728
+
"version": "4.4.3",
729
+
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.4.3.tgz",
730
+
"integrity": "sha512-4xfscpisVgqqDfPaJo5vkd+Qd/ItkoagnHpufr+i2QCHBsNYp+G7UAoyFl8aPtx879u38wPV65rZ8qbGZijalA==",
646
731
"dev": true
647
732
},
648
733
"vite": {
649
-
"version": "2.5.6",
650
-
"resolved": "https://registry.npmjs.org/vite/-/vite-2.5.6.tgz",
651
-
"integrity": "sha512-P++qzXuOPhTql8iDamsatlJfD7/yGi8NCNwzyqkB2p0jrNJC567WEdXiKn3hQ+ZV8amQmB2dTH6svo3Z2tJ6MQ==",
734
+
"version": "2.5.10",
735
+
"resolved": "https://registry.npmjs.org/vite/-/vite-2.5.10.tgz",
736
+
"integrity": "sha512-0ObiHTi5AHyXdJcvZ67HMsDgVpjT5RehvVKv6+Q0jFZ7zDI28PF5zK9mYz2avxdA+4iJMdwCz6wnGNnn4WX5Gg==",
652
737
"dev": true,
653
738
"requires": {
654
739
"esbuild": "^0.12.17",
+8
-8
package.json
+8
-8
package.json
···
8
8
"lint": "prettier --write src *.js *.json"
9
9
},
10
10
"devDependencies": {
11
-
"@sveltejs/vite-plugin-svelte": "1.0.0-next.22",
12
-
"prettier": "^2.4.0",
11
+
"@sveltejs/vite-plugin-svelte": "1.0.0-next.24",
12
+
"prettier": "^2.4.1",
13
13
"prettier-plugin-svelte": "^2.4.0",
14
-
"sass": "^1.39.2",
15
-
"svelte": "^3.42.5",
16
-
"svelte-check": "^2.2.5",
17
-
"svelte-preprocess": "^4.9.4",
18
-
"typescript": "^4.4.2",
19
-
"vite": "^2.5.6"
14
+
"sass": "^1.42.1",
15
+
"svelte": "^3.43.0",
16
+
"svelte-check": "^2.2.6",
17
+
"svelte-preprocess": "^4.9.5",
18
+
"typescript": "^4.4.3",
19
+
"vite": "^2.5.10"
20
20
},
21
21
"prettier": {
22
22
"printWidth": 100,
+14
-17
src/App.svelte
+14
-17
src/App.svelte
···
1
1
<script lang="ts">
2
2
import { onMount } from 'svelte'
3
-
import Counter from './Counter.svelte'
4
3
5
-
let count: number = 0
4
+
let count = 0
6
5
onMount(() => {
7
6
const interval = setInterval(() => count++, 1000)
8
7
return () => clearInterval(interval)
9
8
})
10
9
</script>
11
10
12
-
<main>
13
-
<h1>Hello world</h1>
14
-
<p>Edit <code>src/Counter.svelte</code> to trigger HMR</p>
15
-
<Counter {count} />
16
-
</main>
11
+
<h1>Svelte Template</h1>
12
+
<p>Edit <code>src/routes/index.svelte</code> to trigger HMR</p>
13
+
<p>Counter: <code>{count}</code></p>
17
14
18
15
<style lang="sass">
19
16
:global(body)
20
-
margin: 0
17
+
margin: 100px 0px
21
18
font-family: Arial, Helvetica, sans-serif
22
19
font-size: 18px
23
-
main
20
+
background-color: #111318
21
+
color: #f2f2f2
24
22
text-align: center
25
-
min-height: 100vh
26
-
display: flex
27
-
flex-direction: column
28
-
justify-content: center
29
-
code
30
-
background: #e6e6e6
31
-
padding: 3px 6px
32
-
border-radius: 4px
23
+
h1
24
+
color: #ff3700
25
+
code
26
+
background: #282b33
27
+
// border: 1px solid rgba(#8c99ba, 0.1)
28
+
padding: 2px 5px
29
+
border-radius: 4px
33
30
</style>