Add sass and autoimports

This commit is contained in:
Lewin Kelly 2023-07-04 23:36:27 +01:00
parent e4c8f9cde0
commit bd8f955436
No known key found for this signature in database
GPG Key ID: C103AD9C84014FD7
8 changed files with 100 additions and 11 deletions

View File

@ -17,8 +17,10 @@
"@sveltejs/kit": "^1.21.0",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.10.1",
"sass": "^1.63.6",
"svelte": "^4.0.3",
"svelte-check": "^3.4.4",
"sveltekit-autoimport": "^1.7.0",
"tslib": "^2.6.0",
"typescript": "^5.1.6",
"vite": "^4.3.9"

View File

@ -17,12 +17,18 @@ devDependencies:
prettier-plugin-svelte:
specifier: ^2.10.1
version: 2.10.1(prettier@2.8.8)(svelte@4.0.3)
sass:
specifier: ^1.63.6
version: 1.63.6
svelte:
specifier: ^4.0.3
version: 4.0.3
svelte-check:
specifier: ^3.4.4
version: 3.4.4(svelte@4.0.3)
version: 3.4.4(sass@1.63.6)(svelte@4.0.3)
sveltekit-autoimport:
specifier: ^1.7.0
version: 1.7.0
tslib:
specifier: ^2.6.0
version: 2.6.0
@ -31,7 +37,7 @@ devDependencies:
version: 5.1.6
vite:
specifier: ^4.3.9
version: 4.3.9
version: 4.3.9(sass@1.63.6)
packages:
@ -300,6 +306,14 @@ packages:
resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
dev: true
/@rollup/pluginutils@4.2.1:
resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
engines: {node: '>= 8.0.0'}
dependencies:
estree-walker: 2.0.2
picomatch: 2.3.1
dev: true
/@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.21.0):
resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==}
peerDependencies:
@ -331,7 +345,7 @@ packages:
sirv: 2.0.3
svelte: 4.0.3
undici: 5.22.1
vite: 4.3.9
vite: 4.3.9(sass@1.63.6)
transitivePeerDependencies:
- supports-color
dev: true
@ -347,7 +361,7 @@ packages:
'@sveltejs/vite-plugin-svelte': 2.4.2(svelte@4.0.3)(vite@4.3.9)
debug: 4.3.4
svelte: 4.0.3
vite: 4.3.9
vite: 4.3.9(sass@1.63.6)
transitivePeerDependencies:
- supports-color
dev: true
@ -366,7 +380,7 @@ packages:
magic-string: 0.30.1
svelte: 4.0.3
svelte-hmr: 0.15.2(svelte@4.0.3)
vite: 4.3.9
vite: 4.3.9(sass@1.63.6)
vitefu: 0.2.4(vite@4.3.9)
transitivePeerDependencies:
- supports-color
@ -560,6 +574,10 @@ packages:
resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
dev: true
/estree-walker@2.0.2:
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
dev: true
/estree-walker@3.0.3:
resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
dependencies:
@ -624,6 +642,10 @@ packages:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
dev: true
/immutable@4.3.0:
resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
dev: true
/import-fresh@3.3.0:
resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
engines: {node: '>=6'}
@ -686,6 +708,13 @@ packages:
resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
dev: true
/magic-string@0.26.7:
resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
engines: {node: '>=12'}
dependencies:
sourcemap-codec: 1.4.8
dev: true
/magic-string@0.27.0:
resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
engines: {node: '>=12'}
@ -888,6 +917,16 @@ packages:
rimraf: 2.7.1
dev: true
/sass@1.63.6:
resolution: {integrity: sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==}
engines: {node: '>=14.0.0'}
hasBin: true
dependencies:
chokidar: 3.5.3
immutable: 4.3.0
source-map-js: 1.0.2
dev: true
/set-cookie-parser@2.6.0:
resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
dev: true
@ -916,6 +955,11 @@ packages:
engines: {node: '>=0.10.0'}
dev: true
/sourcemap-codec@1.4.8:
resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
deprecated: Please use @jridgewell/sourcemap-codec instead
dev: true
/streamsearch@1.1.0:
resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
engines: {node: '>=10.0.0'}
@ -928,7 +972,7 @@ packages:
min-indent: 1.0.1
dev: true
/svelte-check@3.4.4(svelte@4.0.3):
/svelte-check@3.4.4(sass@1.63.6)(svelte@4.0.3):
resolution: {integrity: sha512-Uys9+R65cj8TmP8f5UpS7B2xKpNLYNxEWJsA5ZoKcWq/uwvABFF7xS6iPQGLoa7hxz0DS6xU60YFpmq06E4JxA==}
hasBin: true
peerDependencies:
@ -941,7 +985,7 @@ packages:
picocolors: 1.0.0
sade: 1.8.1
svelte: 4.0.3
svelte-preprocess: 5.0.4(svelte@4.0.3)(typescript@5.1.6)
svelte-preprocess: 5.0.4(sass@1.63.6)(svelte@4.0.3)(typescript@5.1.6)
typescript: 5.1.6
transitivePeerDependencies:
- '@babel/core'
@ -964,7 +1008,7 @@ packages:
svelte: 4.0.3
dev: true
/svelte-preprocess@5.0.4(svelte@4.0.3)(typescript@5.1.6):
/svelte-preprocess@5.0.4(sass@1.63.6)(svelte@4.0.3)(typescript@5.1.6):
resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
engines: {node: '>= 14.10.0'}
requiresBuild: true
@ -1005,12 +1049,18 @@ packages:
'@types/pug': 2.0.6
detect-indent: 6.1.0
magic-string: 0.27.0
sass: 1.63.6
sorcery: 0.11.0
strip-indent: 3.0.0
svelte: 4.0.3
typescript: 5.1.6
dev: true
/svelte@3.59.2:
resolution: {integrity: sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==}
engines: {node: '>= 8'}
dev: true
/svelte@4.0.3:
resolution: {integrity: sha512-SSJZBR+Uca3Xa/R18/7IkkifDdz2Jfuq2eXMUphDhabDxQL6qR8QAUoEmrtYWhzeV0civoFw4Dcvo2yscysdeg==}
engines: {node: '>=16'}
@ -1030,6 +1080,15 @@ packages:
periscopic: 3.1.0
dev: true
/sveltekit-autoimport@1.7.0:
resolution: {integrity: sha512-oqXpdxr7BTpl8xRvfajysSVCFet0BnF259bNMD8c5uhfKKh4/DAXZP4ElnhcTkuEoVfaj2AxFEewBoQlWPqH0g==}
dependencies:
'@rollup/pluginutils': 4.2.1
estree-walker: 2.0.2
magic-string: 0.26.7
svelte: 3.59.2
dev: true
/to-regex-range@5.0.1:
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
engines: {node: '>=8.0'}
@ -1059,7 +1118,7 @@ packages:
busboy: 1.6.0
dev: true
/vite@4.3.9:
/vite@4.3.9(sass@1.63.6):
resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==}
engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true
@ -1087,6 +1146,7 @@ packages:
esbuild: 0.17.19
postcss: 8.4.24
rollup: 3.26.0
sass: 1.63.6
optionalDependencies:
fsevents: 2.3.2
dev: true
@ -1099,7 +1159,7 @@ packages:
vite:
optional: true
dependencies:
vite: 4.3.9
vite: 4.3.9(sass@1.63.6)
dev: true
/wrappy@1.0.2:

1
src/app.d.ts vendored
View File

@ -7,6 +7,7 @@ declare global {
// interface PageData {}
// interface Platform {}
}
declare const Navbar: typeof import("./components/Navbar.svelte").default
}
export {}

0
src/global.sass Normal file
View File

View File

@ -0,0 +1 @@
<p>test</p>

14
src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,14 @@
<script lang="ts">
import "/src/global.sass"
</script>
<Navbar />
<p>Sup world</p>
<slot />
<style lang="sass">
p
color: red
</style>

View File

@ -1,3 +1,7 @@
<svelte:head>
<title>Revival Archive</title>
</svelte:head>
<h1>Welcome to SvelteKit</h1>
<p>
Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a>

View File

@ -1,11 +1,18 @@
import adapter from "@sveltejs/adapter-auto"
import { vitePreprocess } from "@sveltejs/kit/vite"
import autoImport from "sveltekit-autoimport"
/** @type {import('@sveltejs/kit').Config} */
export default {
// Consult https://kit.svelte.dev/docs/integrations#preprocessors
// for more information about preprocessors
preprocess: vitePreprocess(),
preprocess: [
vitePreprocess(),
autoImport({
components: ["./src/lib/components"],
flat: true,
}),
],
kit: {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.