init: clean up

package-lock.json

@@ -4590,6 +4590,24 @@
 				}
 			}
 		},
+		"node_modules/yaml": {
+			"version": "2.8.2",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+			"integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+			"dev": true,
+			"license": "ISC",
+			"optional": true,
+			"peer": true,
+			"bin": {
+				"yaml": "bin.mjs"
+			},
+			"engines": {
+				"node": ">= 14.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/eemeli"
+			}
+		},
 		"node_modules/yocto-queue": {
 			"version": "0.1.0",
 			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

playwright.config.ts

@@ -2,5 +2,5 @@ import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
 	webServer: { command: 'npm run build && npm run preview', port: 4173 },
-	testMatch: '**/*.e2e.{ts,js}'
+	testMatch: '**/*.e2e.{ts,js}',
 });

src/lib/vitest-examples/Welcome.svelte

@@ -1,8 +0,0 @@
-<script>
-	import { greet } from './greet';
-
-	let { host = 'SvelteKit', guest = 'Vitest' } = $props();
-</script>
-
-<h1>{greet(host)}</h1>
-<p>{greet(guest)}</p>

src/lib/vitest-examples/Welcome.svelte.spec.ts

@@ -1,15 +0,0 @@
-import { page } from 'vitest/browser';
-import { describe, expect, it } from 'vitest';
-import { render } from 'vitest-browser-svelte';
-import Welcome from './Welcome.svelte';
-
-describe('Welcome.svelte', () => {
-	it('renders greetings for host and guest', async () => {
-		render(Welcome, { host: 'SvelteKit', guest: 'Vitest' });
-
-		await expect
-			.element(page.getByRole('heading', { level: 1 }))
-			.toHaveTextContent('Hello, SvelteKit!');
-		await expect.element(page.getByText('Hello, Vitest!')).toBeInTheDocument();
-	});
-});

src/lib/vitest-examples/greet.spec.ts

@@ -1,8 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { greet } from './greet';
-
-describe('greet', () => {
-	it('returns a greeting', () => {
-		expect(greet('Svelte')).toBe('Hello, Svelte!');
-	});
-});

src/lib/vitest-examples/greet.ts

@@ -1,3 +0,0 @@
-export function greet(name: string): string {
-	return 'Hello, ' + name + '!';
-}

src/routes/+layout.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-	import './layout.css';
 	import favicon from '$lib/assets/favicon.svg';
 
+	import './layout.css';
+
 	let { children } = $props();
 </script>
 
-<svelte:head><link rel="icon" href={favicon} /></svelte:head>
+<svelte:head><link href={favicon} rel="icon" /></svelte:head>
 {@render children()}

src/routes/demo/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-	import { resolve } from '$app/paths';
-</script>
-
-<a href={resolve('/demo/playwright')}>playwright</a>

src/routes/demo/playwright/+page.svelte

@@ -1 +0,0 @@
-<h1>Playwright e2e test demo</h1>

src/routes/demo/playwright/page.svelte.e2e.ts

@@ -1,6 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('has expected h1', async ({ page }) => {
-	await page.goto('/demo/playwright');
-	await expect(page.locator('h1')).toBeVisible();
-});

svelte.config.js

@@ -6,12 +6,12 @@ const config = {
 		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
 		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
-		adapter: adapter()
+		adapter: adapter(),
 	},
 	vitePlugin: {
 		dynamicCompileOptions: ({ filename }) =>
-			filename.includes('node_modules') ? undefined : { runes: true }
-	}
+			filename.includes('node_modules') ? undefined : { runes: true },
+	},
 };
 
 export default config;

vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vitest/config';
-import { playwright } from '@vitest/browser-playwright';
-import tailwindcss from '@tailwindcss/vite';
 import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
+import { playwright } from '@vitest/browser-playwright';
+import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
 	plugins: [tailwindcss(), sveltekit()],
@@ -15,11 +15,11 @@ export default defineConfig({
 					browser: {
 						enabled: true,
 						provider: playwright(),
-						instances: [{ browser: 'chromium', headless: true }]
+						instances: [{ browser: 'chromium', headless: true }],
 					},
 					include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
-					exclude: ['src/lib/server/**']
-				}
+					exclude: ['src/lib/server/**'],
+				},
 			},
 
 			{
@@ -28,9 +28,9 @@ export default defineConfig({
 					name: 'server',
 					environment: 'node',
 					include: ['src/**/*.{test,spec}.{js,ts}'],
-					exclude: ['src/**/*.svelte.{test,spec}.{js,ts}']
-				}
-			}
-		]
-	}
+					exclude: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+				},
+			},
+		],
+	},
 });