sveltejs · rafaelcamaram · Apr 9, 2021 · Apr 9, 2021 · Apr 9, 2021 · Apr 9, 2021
diff --git a/.changeset/chilly-meals-hug.md b/.changeset/chilly-meals-hug.md
@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Adding new 'hello world' templates - skeleton and default variants -. Applying it to the CLI as well
diff --git a/examples/svelte-kit-demo/.gitignore b/examples/svelte-kit-demo/.gitignore
diff --git a/examples/svelte-kit-demo/README.md b/examples/svelte-kit-demo/README.md
diff --git a/examples/svelte-kit-demo/package.json b/examples/svelte-kit-demo/package.json
diff --git a/examples/svelte-kit-demo/src/app.html b/examples/svelte-kit-demo/src/app.html
diff --git a/examples/svelte-kit-demo/src/hooks/index.js b/examples/svelte-kit-demo/src/hooks/index.js
diff --git a/examples/svelte-kit-demo/src/lib/Nav.svelte b/examples/svelte-kit-demo/src/lib/Nav.svelte
diff --git a/examples/svelte-kit-demo/src/routes/$layout.svelte b/examples/svelte-kit-demo/src/routes/$layout.svelte
diff --git a/examples/svelte-kit-demo/src/routes/about/index.svelte b/examples/svelte-kit-demo/src/routes/about/index.svelte
diff --git a/examples/svelte-kit-demo/src/routes/blog/[slug].json.ts b/examples/svelte-kit-demo/src/routes/blog/[slug].json.ts
diff --git a/examples/svelte-kit-demo/src/routes/blog/[slug].svelte b/examples/svelte-kit-demo/src/routes/blog/[slug].svelte
diff --git a/examples/svelte-kit-demo/src/routes/blog/_posts.ts b/examples/svelte-kit-demo/src/routes/blog/_posts.ts
diff --git a/examples/svelte-kit-demo/src/routes/blog/index.json.ts b/examples/svelte-kit-demo/src/routes/blog/index.json.ts
diff --git a/examples/svelte-kit-demo/src/routes/blog/index.svelte b/examples/svelte-kit-demo/src/routes/blog/index.svelte
diff --git a/examples/svelte-kit-demo/src/routes/index.svelte b/examples/svelte-kit-demo/src/routes/index.svelte
diff --git a/examples/svelte-kit-demo/static/favicon.ico b/examples/svelte-kit-demo/static/favicon.ico
diff --git a/examples/svelte-kit-demo/static/logo.svg b/examples/svelte-kit-demo/static/logo.svg
diff --git a/examples/svelte-kit-demo/static/robots.txt b/examples/svelte-kit-demo/static/robots.txt
diff --git a/examples/svelte-kit-demo/svelte.config.cjs b/examples/svelte-kit-demo/svelte.config.cjs
diff --git a/examples/svelte-kit-demo/wrangler.toml b/examples/svelte-kit-demo/wrangler.toml
diff --git a/packages/create-svelte/cli/index.js b/packages/create-svelte/cli/index.js
@@ -7,8 +7,8 @@ import path from 'path';
 import prompts from 'prompts/lib/index';
 import glob from 'tiny-glob/sync.js';
 import gitignore_contents from '../template/.gitignore';
-import add_css from './modifications/add_css';
 import add_typescript from './modifications/add_typescript';
+import add_skeleton_template from './modifications/add_skeleton_template';
 // import versions from './versions';
 import { version } from '../package.json';
 import add_prettier from './modifications/add_prettier';
@@ -77,9 +77,14 @@ async function main() {
 	await prompt_modifications(target);
 
 	console.log(
-		'\nWant to add other parts to your code base? ' +
-			'Visit https://github.com/svelte-add/svelte-adders, a community project of commands ' +
-			'to add particular functionality to Svelte projects\n'
+		`\n✧ Want to add other parts to your code base or add support for ${bold(
+			cyan('CSS preprocessors')
+		)}?`
+	);
+	console.log(
+		`\nVisit ${bold(
+			cyan('https://github.com/svelte-add/svelte-adders')
+		)} and unleash the possibilities with a community project of commands to add particular functionalities to Svelte projects.\n`
 	);
 
 	console.log('\nNext steps:');
@@ -103,25 +108,25 @@ async function main() {
  * @param {string} target
  */
 async function prompt_modifications(target) {
+	const template_response = await prompts({
+		type: 'select',
+		name: 'value',
+		message: 'Which app Svelte template do you want to use?',
+		choices: [
+			{ title: 'Default App (Counter + Route)', value: 'default' },
+			{ title: 'Skeleton App', value: 'skeleton' }
+		]
+	});
+	const is_skeleton_template = template_response.value === 'skeleton';
+	await add_skeleton_template(target, is_skeleton_template);
+
 	const ts_response = await prompts({
 		type: 'confirm',
 		name: 'value',
 		message: 'Use TypeScript in components?',
 		initial: false
 	});
-	await add_typescript(target, ts_response.value);
-
-	const css_response = await prompts({
-		type: 'select',
-		name: 'value',
-		message: 'What do you want to use for writing Styles in Svelte components?',
-		choices: [
-			{ title: 'CSS', value: 'css' },
-			{ title: 'Less', value: 'less' },
-			{ title: 'SCSS', value: 'scss' }
-		]
-	});
-	await add_css(target, css_response.value);
+	await add_typescript(target, ts_response.value, is_skeleton_template);
 
 	const eslint_response = await prompts({
 		type: 'confirm',