fix CSS on hero image

.changeset/nervous-wolves-end.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Fix CSS on demo app hero image

.github/workflows/ci.yml

@@ -26,7 +26,7 @@ jobs:
             ${{ runner.os }}-${{ matrix.node-version }}
       - run: npm install -g pnpm
       - run: pnpm install --frozen-lockfile
-      - run: pnpm build --filter ./packages
+      - run: pnpm build --filter ./packages --filter !./packages/create-svelte/templates
       - run: pnpm lint
       - run: pnpm check
   Tests:
@@ -68,7 +68,7 @@ jobs:
       - run: pnpm install --frozen-lockfile
         env:
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: ${{ steps.browser_cache.outputs.cache-hit == 'true' }}
-      - run: pnpm build --filter ./packages
+      - run: pnpm build --filter ./packages --filter !./packages/create-svelte/templates
       - run: pnpm test
   Examples:
     runs-on: ${{ matrix.os }}
@@ -100,4 +100,4 @@ jobs:
             ${{ runner.os }}-${{ matrix.node-version }}
       - run: npm install -g pnpm
       - run: pnpm install --frozen-lockfile
-      - run: pnpm -r build
+      - run: pnpm build && pnpm build --filter="svelte-kit-demo" --filter="hn.svelte.dev"

.gitignore

@@ -6,4 +6,6 @@ yarn.lock
 /examples/**/.svelte
 /examples/**/build
 /packages/create-svelte/template/CHANGELOG.md
-.env
+.env
+.vercel_build_output
+.svelte

packages/create-svelte/package.json

@@ -19,9 +19,9 @@
 	},
 	"scripts": {
 		"build": "node scripts/build-templates",
-		"lint": "eslint --ignore-path .gitignore \"./*.js\" && npm run check-format",
-		"format": "prettier --write . --config ../../.prettierrc --ignore-path .gitignore",
-		"check-format": "prettier --check . --config ../../.prettierrc --ignore-path .gitignore",
+		"lint": "eslint --ignore-path .gitignore --ignore-path ../../.gitignore \"./*.js\" && npm run check-format",
+		"format": "prettier --write . --config ../../.prettierrc --ignore-path .gitignore --ignore-path ../../.gitignore",
+		"check-format": "prettier --check . --config ../../.prettierrc --ignore-path .gitignore --ignore-path ../../.gitignore",
 		"prepublishOnly": "npm run build"
 	},
 	"files": [

packages/create-svelte/templates/default/src/routes/index.svelte

@@ -15,13 +15,7 @@
 		<div class="welcome">
 			<picture>
 				<source srcset="svelte-welcome.webp" type="image/webp">
-				<img
-					class="welcome"
-					width="2048"
-					height="495"
-					src="svelte-welcome.png"
-					alt="Welcome"
-				/>
+				<img src="svelte-welcome.png" alt="Welcome"/>
 			</picture>
 		</div>
 

packages/create-svelte/templates/default/svelte.config.cjs

@@ -1,21 +1,16 @@
 const sveltePreprocess = require('svelte-preprocess');
 const pkg = require('./package.json');
 
-const adapter = process.env.ADAPTER || '@sveltejs/adapter-node';
+const adapter = process.env.ADAPTER;
 const options = JSON.parse(process.env.OPTIONS || '{}');
 
 /** @type {import('@sveltejs/kit').Config} */
-module.exports = {
+const config = {
 	// Consult https://github.com./sveltejs/svelte-preprocess
 	// for more information about preprocessors
 	preprocess: sveltePreprocess(),
 
 	kit: {
-		// By default, `npm run build` will create a standard Node app.
-		// You can create optimized builds for different platforms by
-		// specifying a different adapter
-		adapter: require(adapter)(options),
-
 		// hydrate the <div id="svelte"> element in src/app.html
 		target: '#svelte',
 
@@ -26,3 +21,9 @@ module.exports = {
 		}
 	}
 };
+
+if (adapter) {
+	config.kit.adapter = require(adapter)(options);
+}
+
+module.exports = config;