···11-# sv
22-33-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
44-55-## Creating a project
66-77-If you're seeing this, you've probably already done this step. Congrats!
88-99-```sh
1010-# create a new project
1111-npx sv create my-app
1212-```
1313-1414-To recreate this project with the same configuration:
1515-1616-```sh
1717-# recreate this project
1818-npx sv create --template minimal --types ts --add tailwindcss="plugins:forms" --install npm client
1919-```
2020-2121-## Developing
2222-2323-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
2424-2525-```sh
2626-npm run dev
2727-2828-# or start the server and open the app in a new browser tab
2929-npm run dev -- --open
3030-```
3131-3232-## Building
3333-3434-To create a production version of your app:
3535-3636-```sh
3737-npm run build
3838-```
3939-4040-You can preview the production build with `npm run preview`.
4141-4242-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
···11+<script lang="ts">
22+ type Props = {};
33+44+ let {}: Props = $props();
55+</script>
66+77+<main>
88+ <header class="header">
99+ <hgroup>
1010+ <h1 class="h1">Settings</h1>
1111+ <p class="subtitle">
1212+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eos,
1313+ nemo accusantium a, perspiciatis distinctio modi quisquam sequi
1414+ consectetur alias consequuntur tempora illo placeat ipsum
1515+ necessitatibus ab delectus at commodi.
1616+ </p>
1717+ </hgroup>
1818+ </header>
1919+</main>
2020+2121+<style>
2222+ main {
2323+ padding: var(--spacing-6);
2424+ }
2525+</style>
+7-7
client/svelte.config.js
···11-import adapter from '@sveltejs/adapter-auto';
11+import adapter from "@sveltejs/adapter-auto";
2233/** @type {import('@sveltejs/kit').Config} */
44const config = {
55- kit: {
66- // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
77- // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
88- // See https://svelte.dev/docs/kit/adapters for more information about adapters.
99- adapter: adapter()
1010- }
55+ kit: {
66+ // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
77+ // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
88+ // See https://svelte.dev/docs/kit/adapters for more information about adapters.
99+ adapter: adapter(),
1010+ },
1111};
12121313export default config;
+8-18
taskfile.yml
···7979 - task: seed.stats
8080 - duckdb private/database/statistics.dev.duckdb < scripts/seeds/statistics.sql
81818282- watch:css:
8383- dir: web
8484- cmd: npm run watch:css
8585-8686- build:css:
8787- dir: web
8888- cmd: npm run build:css
8989-9090- watch:js:
9191- dir: web
9292- cmd: npm run watch:js
8282+ run:client:
8383+ dir: client
8484+ cmd: npm run dev
93859494- build:js:
9595- dir: web
9696- cmd: npm run build:js
8686+ build:client:
8787+ dir: client
8888+ cmd: npm run build
97899890 build:*:
9991 cmd: go build -o bin/{{ index .MATCH 0 }} cmd/{{ index .MATCH 0 }}/main.go
···122114 sources:
123115 - "{internal,pkg}/**/*.go"
124116 deps:
125125- - task: watch:css
126126- - task: watch:js
117117+ - task: run:client
127118 - task: run:server
128119 cmd: echo "serving"
129120130121 build:
131122 cmds:
132132- - task: build:css
133133- - task: build:js
123123+ - task: build:client
134124 - task: build:server