From b45fa2065533f5110e3c937ba1a4e725809b4831 Mon Sep 17 00:00:00 2001
From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>
Date: Sun, 17 Dec 2023 18:56:52 +1100
Subject: [PATCH] feat: Require svelte script `lang="ts"` (#515)

* Require svelte script lang="ts"

* Undo changes to .svx file
---
 .eslintrc.cjs                                     | 1 +
 src/lib/Mermaid.svelte                            | 2 +-
 src/lib/components/ComponentIndex/Card.svelte     | 2 +-
 src/lib/components/ComponentIndex/CardList.svelte | 2 +-
 src/lib/components/EventListElement/index.svelte  | 2 +-
 src/lib/components/Icon/index.svelte              | 2 +-
 src/lib/components/Select.svelte                  | 2 +-
 src/lib/components/Seo.svelte                     | 2 +-
 src/lib/components/Societies/index.svelte         | 2 +-
 src/lib/components/Tag.svelte                     | 2 +-
 src/lib/components/_SocialLinks/Link.svelte       | 2 +-
 src/lib/components/layout/Footer.svelte           | 2 +-
 src/lib/components/recipes/CategoryTree.svelte    | 2 +-
 src/lib/layouts/EventPage.svelte                  | 2 +-
 src/lib/layouts/Recipe.svelte                     | 2 +-
 src/lib/layouts/RecipeCategory.svelte             | 2 +-
 src/lib/layouts/SearchLayout.svelte               | 2 +-
 src/routes/about/+layout.svelte                   | 2 +-
 src/routes/components/+page.svelte                | 2 +-
 src/routes/resources/+page.svelte                 | 2 +-
 src/routes/searchableJson.svelte                  | 2 +-
 src/routes/templates/+page.svelte                 | 2 +-
 src/routes/tools/+page.svelte                     | 2 +-
 23 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 86980ad..55fc5c9 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -35,6 +35,7 @@ const config = {
 	rules: {
 		'@typescript-eslint/array-type': 'off',
 		'@typescript-eslint/consistent-type-definitions': 'off',
+		'svelte/block-lang': ['error', { script: ['ts'] }],
 		'svelte/no-at-html-tags': 'off',
 		'svelte/valid-compile': 'off'
 	}
diff --git a/src/lib/Mermaid.svelte b/src/lib/Mermaid.svelte
index 4e91293..aa30483 100644
--- a/src/lib/Mermaid.svelte
+++ b/src/lib/Mermaid.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { onMount } from 'svelte';
 
 	let graph = null;
diff --git a/src/lib/components/ComponentIndex/Card.svelte b/src/lib/components/ComponentIndex/Card.svelte
index 576fbb3..99cf83f 100644
--- a/src/lib/components/ComponentIndex/Card.svelte
+++ b/src/lib/components/ComponentIndex/Card.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Tag from '../Tag.svelte';
 	import { copyToClipboard } from '$lib/utils/clipboard';
 	import { packageManager as manager } from '$stores/packageManager';
diff --git a/src/lib/components/ComponentIndex/CardList.svelte b/src/lib/components/ComponentIndex/CardList.svelte
index 3835f0c..885d44f 100644
--- a/src/lib/components/ComponentIndex/CardList.svelte
+++ b/src/lib/components/ComponentIndex/CardList.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title;
 	export let id = `category-${encodeURI(title)}`;
 </script>
diff --git a/src/lib/components/EventListElement/index.svelte b/src/lib/components/EventListElement/index.svelte
index f2d9433..0921055 100644
--- a/src/lib/components/EventListElement/index.svelte
+++ b/src/lib/components/EventListElement/index.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Icon from '$lib/components/Icon/index.svelte';
 	export let title,
 		date,
diff --git a/src/lib/components/Icon/index.svelte b/src/lib/components/Icon/index.svelte
index b533b10..6e6196d 100644
--- a/src/lib/components/Icon/index.svelte
+++ b/src/lib/components/Icon/index.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let name;
 	export let width = '24px';
 	export let height = '24px';
diff --git a/src/lib/components/Select.svelte b/src/lib/components/Select.svelte
index b639264..feaa264 100644
--- a/src/lib/components/Select.svelte
+++ b/src/lib/components/Select.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import SvelteSelect from 'svelte-select';
 
 	export let value;
diff --git a/src/lib/components/Seo.svelte b/src/lib/components/Seo.svelte
index 2f057f8..fdc0cae 100644
--- a/src/lib/components/Seo.svelte
+++ b/src/lib/components/Seo.svelte
@@ -1,4 +1,4 @@
-<script type="ts">
+<script lang="ts">
 	import { page } from '$app/stores';
 
 	const brand = 'Svelte Society';
diff --git a/src/lib/components/Societies/index.svelte b/src/lib/components/Societies/index.svelte
index 14b370f..528090d 100644
--- a/src/lib/components/Societies/index.svelte
+++ b/src/lib/components/Societies/index.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Icon from '$lib/components/Icon/index.svelte';
 	import societies from './societies.json';
 </script>
diff --git a/src/lib/components/Tag.svelte b/src/lib/components/Tag.svelte
index 126e04c..2a41a2a 100644
--- a/src/lib/components/Tag.svelte
+++ b/src/lib/components/Tag.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title = '';
 	export let variant;
 	export let click = undefined;
diff --git a/src/lib/components/_SocialLinks/Link.svelte b/src/lib/components/_SocialLinks/Link.svelte
index f7ce5a0..bc41fa2 100644
--- a/src/lib/components/_SocialLinks/Link.svelte
+++ b/src/lib/components/_SocialLinks/Link.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let path, image, alt;
 </script>
 
diff --git a/src/lib/components/layout/Footer.svelte b/src/lib/components/layout/Footer.svelte
index b331e06..1789fd4 100644
--- a/src/lib/components/layout/Footer.svelte
+++ b/src/lib/components/layout/Footer.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	// get the year for the copyright statement
 	var date = new Date();
 	var year = date.getFullYear();
diff --git a/src/lib/components/recipes/CategoryTree.svelte b/src/lib/components/recipes/CategoryTree.svelte
index c5637a5..f9aa6ef 100644
--- a/src/lib/components/recipes/CategoryTree.svelte
+++ b/src/lib/components/recipes/CategoryTree.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { page } from '$app/stores';
 
 	export let nodes;
diff --git a/src/lib/layouts/EventPage.svelte b/src/lib/layouts/EventPage.svelte
index a84307a..195c5e0 100644
--- a/src/lib/layouts/EventPage.svelte
+++ b/src/lib/layouts/EventPage.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Seo from '$lib/components/Seo.svelte';
 
 	export let title = '';
diff --git a/src/lib/layouts/Recipe.svelte b/src/lib/layouts/Recipe.svelte
index f8e6c20..537ef09 100644
--- a/src/lib/layouts/Recipe.svelte
+++ b/src/lib/layouts/Recipe.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import CategoryTree from '$lib/components/recipes/CategoryTree.svelte';
 	import Icon from '$lib/components/Icon/index.svelte';
 	import { categories } from '$lib/stores/recipes';
diff --git a/src/lib/layouts/RecipeCategory.svelte b/src/lib/layouts/RecipeCategory.svelte
index e0bc0c0..0ac2874 100644
--- a/src/lib/layouts/RecipeCategory.svelte
+++ b/src/lib/layouts/RecipeCategory.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Icon from '$lib/components/Icon/index.svelte';
 	import { categories } from '$lib/stores/recipes';
 	import { page } from '$app/stores';
diff --git a/src/lib/layouts/SearchLayout.svelte b/src/lib/layouts/SearchLayout.svelte
index 029df76..1f2e44a 100644
--- a/src/lib/layouts/SearchLayout.svelte
+++ b/src/lib/layouts/SearchLayout.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title;
 </script>
 
diff --git a/src/routes/about/+layout.svelte b/src/routes/about/+layout.svelte
index b9ebea7..1b660ac 100644
--- a/src/routes/about/+layout.svelte
+++ b/src/routes/about/+layout.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Seo from '$lib/components/Seo.svelte';
 </script>
 
diff --git a/src/routes/components/+page.svelte b/src/routes/components/+page.svelte
index bb489d7..9bd927d 100644
--- a/src/routes/components/+page.svelte
+++ b/src/routes/components/+page.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import components from './components.json';
 	import SearchableJson from '../searchableJson.svelte';
 	import { injectStars } from '$utils/stars';
diff --git a/src/routes/resources/+page.svelte b/src/routes/resources/+page.svelte
index 3fb7735..96ffffe 100644
--- a/src/routes/resources/+page.svelte
+++ b/src/routes/resources/+page.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	const booksFromPublisher = [
 		{
 			name: 'Svelte 3 Up and Running',
diff --git a/src/routes/searchableJson.svelte b/src/routes/searchableJson.svelte
index 396f963..f280b1e 100644
--- a/src/routes/searchableJson.svelte
+++ b/src/routes/searchableJson.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import ComponentCard from '$lib/components/ComponentIndex/Card.svelte';
 	import List from '$lib/components/ComponentIndex/CardList.svelte';
 	import SearchLayout from '$layouts/SearchLayout.svelte';
diff --git a/src/routes/templates/+page.svelte b/src/routes/templates/+page.svelte
index 7f36081..f90270a 100644
--- a/src/routes/templates/+page.svelte
+++ b/src/routes/templates/+page.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import templates from './templates.json';
 	import SearchableJson from '../searchableJson.svelte';
 	import { injectStars } from '$utils/stars';
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 4062870..a62e650 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import tools from '../tools/tools.json';
 	import SearchableJson from '../searchableJson.svelte';
 	import { injectStars } from '$utils/stars';