feat: Require svelte script lang="ts" (#515)

* Require svelte script lang="ts"

* Undo changes to .svx file

Author: lachlancollins

.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'
 	}

src/lib/Mermaid.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { onMount } from 'svelte';
 
 	let graph = null;

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';

src/lib/components/ComponentIndex/CardList.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title;
 	export let id = `category-${encodeURI(title)}`;
 </script>

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,

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';

src/lib/components/Select.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import SvelteSelect from 'svelte-select';
 
 	export let value;

src/lib/components/Seo.svelte

@@ -1,4 +1,4 @@
-<script type="ts">
+<script lang="ts">
 	import { page } from '$app/stores';
 
 	const brand = 'Svelte Society';

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>

src/lib/components/Tag.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title = '';
 	export let variant;
 	export let click = undefined;

src/lib/components/_SocialLinks/Link.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let path, image, alt;
 </script>
 

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();

src/lib/components/recipes/CategoryTree.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { page } from '$app/stores';
 
 	export let nodes;

src/lib/layouts/EventPage.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Seo from '$lib/components/Seo.svelte';
 
 	export let title = '';

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';

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';

src/lib/layouts/SearchLayout.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title;
 </script>
 

src/routes/about/+layout.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Seo from '$lib/components/Seo.svelte';
 </script>
 

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';

src/routes/resources/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	const booksFromPublisher = [
 		{
 			name: 'Svelte 3 Up and Running',

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';

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';

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';