From bb0151437d37fc5b4a9f8525724f1acabf65dc7d Mon Sep 17 00:00:00 2001
From: GrygrFlzr <grygrflzr@hotmail.com>
Date: Mon, 15 Mar 2021 08:14:12 +0700
Subject: [PATCH] create-svelte: Actually fix component => lib transition
 (#529)

---
 .changeset/rotten-singers-taste.md                         | 5 +++++
 packages/create-svelte/cli/modifications/add_css.js        | 4 ++--
 packages/create-svelte/cli/modifications/add_typescript.js | 2 +-
 packages/create-svelte/ts-template/tsconfig.json           | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/rotten-singers-taste.md

diff --git a/.changeset/rotten-singers-taste.md b/.changeset/rotten-singers-taste.md
new file mode 100644
index 000000000000..5cf4be0c3d6c
--- /dev/null
+++ b/.changeset/rotten-singers-taste.md
@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Actually fix $component => $lib transition
diff --git a/packages/create-svelte/cli/modifications/add_css.js b/packages/create-svelte/cli/modifications/add_css.js
index 9d218349a2ab..5b73da8bfdf4 100644
--- a/packages/create-svelte/cli/modifications/add_css.js
+++ b/packages/create-svelte/cli/modifications/add_css.js
@@ -9,7 +9,7 @@ export default async function add_css(cwd, which) {
 			less: '^3.0.0',
 			'svelte-preprocess': '^4.0.0'
 		});
-		update_component(cwd, 'src/components/Counter.svelte', [['<style>', '<style lang="less">']]);
+		update_component(cwd, 'src/lib/Counter.svelte', [['<style>', '<style lang="less">']]);
 		update_component(cwd, 'src/routes/index.svelte', [['<style>', '<style lang="less">']]);
 		add_svelte_preprocess_to_config(cwd);
 		console.log(
@@ -25,7 +25,7 @@ export default async function add_css(cwd, which) {
 			sass: '^1.0.0',
 			'svelte-preprocess': '^4.0.0'
 		});
-		update_component(cwd, 'src/components/Counter.svelte', [['<style>', '<style lang="scss">']]);
+		update_component(cwd, 'src/lib/Counter.svelte', [['<style>', '<style lang="scss">']]);
 		update_component(cwd, 'src/routes/index.svelte', [['<style>', '<style lang="scss">']]);
 		add_svelte_preprocess_to_config(cwd);
 		console.log(
diff --git a/packages/create-svelte/cli/modifications/add_typescript.js b/packages/create-svelte/cli/modifications/add_typescript.js
index 326812b2b335..17187c8b3a71 100644
--- a/packages/create-svelte/cli/modifications/add_typescript.js
+++ b/packages/create-svelte/cli/modifications/add_typescript.js
@@ -10,7 +10,7 @@ export default async function add_typescript(cwd, yes) {
 			tslib: '^2.0.0',
 			'svelte-preprocess': '^4.0.0'
 		});
-		update_component(cwd, 'src/components/Counter.svelte', [
+		update_component(cwd, 'src/lib/Counter.svelte', [
 			['<script>', '<script lang="ts">'],
 			['let count = 0', 'let count: number = 0']
 		]);
diff --git a/packages/create-svelte/ts-template/tsconfig.json b/packages/create-svelte/ts-template/tsconfig.json
index 23c0bfa81779..c1213bd8d03e 100644
--- a/packages/create-svelte/ts-template/tsconfig.json
+++ b/packages/create-svelte/ts-template/tsconfig.json
@@ -21,7 +21,7 @@
 		"checkJs": true,
 		"paths": {
 			"$app/*": [".svelte/dev/runtime/app/*", ".svelte/build/runtime/app/*"],
-			"$components/*": ["src/components/*"]
+			"$lib/*": ["src/lib/*"]
 		}
 	},
 	"include": ["src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]