chore: format repository with tabs

.eslintrc.js

@@ -1,30 +1,30 @@
 module.exports = {
-    root: true,
-    extends: '@sveltejs',
-    plugins: ['import'],
-    env: {
-        node: true
-    },
-    rules: {
-        // enabling these rules makes the linting extremely slow.
-        // (it's conceivable some subset of them could be enabled without impacting speed)
-        // see https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/FAQ.md#eslint-plugin-import
-        'import/named': 'off',
-        'import/namespace': 'off',
-        'import/default': 'off',
-        'import/no-named-as-default-member': 'off',
-        'import/no-named-as-default': 'off',
-        'import/no-cycle': 'off',
-        'import/no-unused-modules': 'off',
-        'import/no-deprecated': 'off',
-        // project-specific settings
-        'max-len': ['error', { code: 100, ignoreComments: true, ignoreStrings: true }],
-        'no-trailing-spaces': 'error',
-        'one-var': ['error', 'never'],
-        '@typescript-eslint/no-unused-vars': ['error', { args: 'none' }],
-        '@typescript-eslint/no-namespace': 'warn',
-        '@typescript-eslint/no-non-null-assertion': 'warn',
-        // exclude workspace dependencies
-        'import/no-unresolved': [2, { ignore: ['svelte-language-server'] }]
-    }
+	root: true,
+	extends: '@sveltejs',
+	plugins: ['import'],
+	env: {
+		node: true
+	},
+	rules: {
+		// enabling these rules makes the linting extremely slow.
+		// (it's conceivable some subset of them could be enabled without impacting speed)
+		// see https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/FAQ.md#eslint-plugin-import
+		'import/named': 'off',
+		'import/namespace': 'off',
+		'import/default': 'off',
+		'import/no-named-as-default-member': 'off',
+		'import/no-named-as-default': 'off',
+		'import/no-cycle': 'off',
+		'import/no-unused-modules': 'off',
+		'import/no-deprecated': 'off',
+		// project-specific settings
+		'max-len': ['error', { code: 100, ignoreComments: true, ignoreStrings: true }],
+		'no-trailing-spaces': 'error',
+		'one-var': ['error', 'never'],
+		'@typescript-eslint/no-unused-vars': ['error', { args: 'none' }],
+		'@typescript-eslint/no-namespace': 'warn',
+		'@typescript-eslint/no-non-null-assertion': 'warn',
+		// exclude workspace dependencies
+		'import/no-unresolved': [2, { ignore: ['svelte-language-server'] }]
+	}
 };

.github/ISSUE_TEMPLATE/bug_report.md

@@ -29,13 +29,14 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **System (please complete the following information):**
- - OS: [e.g. Windows]
- - IDE: [e.g. VSCode, Atom]
- - Plugin/Package: [e.g. "Svelte for VSCode", or `svelte-language-server`, `svelte-check`, or `svelte2tsx` if you use one of the npm packages directly]
+
+- OS: [e.g. Windows]
+- IDE: [e.g. VSCode, Atom]
+- Plugin/Package: [e.g. "Svelte for VSCode", or `svelte-language-server`, `svelte-check`, or `svelte2tsx` if you use one of the npm packages directly]
 
 **Additional context**
 Add any other context about the problem here.
 
 <!-- Want to help us out? Read this to get started:
 https://github.com/sveltejs/language-tools#development
--->
+-->

.github/ISSUE_TEMPLATE/feature_request.md

@@ -21,4 +21,4 @@ Add any other context or screenshots about the feature request here.
 
 <!-- Want to help us out? Read this to get started:
 https://github.com/sveltejs/language-tools#development
--->
+-->

.github/ISSUE_TEMPLATE/something-else.md

@@ -6,5 +6,3 @@ labels: ''
 assignees: ''
 
 ---
-
-

.prettierrc

@@ -1,8 +1,23 @@
 {
-    "useTabs": false,
-    "printWidth": 100,
-    "tabWidth": 4,
-    "semi": true,
-    "trailingComma": "none",
-    "singleQuote": true
+	"arrowParens": "always",
+	"useTabs": true,
+	"printWidth": 100,
+	"tabWidth": 4,
+	"semi": true,
+	"trailingComma": "none",
+	"singleQuote": true,
+	"overrides": [
+		{
+			"files": ["package.json"],
+			"options": {
+				"tabWidth": 2
+			}
+		},
+		{
+			"files": ["*.md"],
+			"options": {
+				"useTabs": false
+			}
+		}
+	]
 }

.vscode/launch.json

@@ -1,57 +1,57 @@
 {
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Run VS Code Extension",
-            "type": "extensionHost",
-            "request": "launch",
-            "runtimeExecutable": "${execPath}",
-            "args": ["--extensionDevelopmentPath=${workspaceRoot}/packages/svelte-vscode"],
-            "stopOnEntry": false,
-            "sourceMaps": true,
-            "outFiles": ["${workspaceRoot}/packages/svelte-vscode/dist/**/*.js"],
-            "preLaunchTask": "npm: watch"
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "Run 'svelte2tsx/repl/debug.ts' with debugger",
-            "runtimeArgs": ["-r", "ts-node/register"],
-            "args": ["${workspaceFolder}/packages/svelte2tsx/repl/debug.ts"],
-            "env": {
-                "TS_NODE_COMPILER_OPTIONS": "{\"esModuleInterop\":true, \"target\": \"es2018\"}",
-                "TS_NODE_TRANSPILE_ONLY": "true"
-            },
-            "console": "integratedTerminal",
-            "internalConsoleOptions": "neverOpen"
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "Run tests with debugger",
-            "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
-            "args": [
-                "-r",
-                "ts-node/register",
-                "--colors",
-                "${workspaceFolder}/packages/*/test/**/*.ts"
-            ],
-            "env": {
-                "TS_NODE_COMPILER_OPTIONS": "{\"esModuleInterop\":true}"
-            },
-            "console": "integratedTerminal",
-            "internalConsoleOptions": "neverOpen"
-        },
-        {
-            "type": "node",
-            "request": "attach",
-            "name": "Attach debugger to language server",
-            "port": 6009,
-            "outFiles": [
-                "${workspaceRoot}/packages/language-server/dist/**/*.js",
-                "${workspaceRoot}/packages/svelte2tsx/index.js"
-            ],
-            "skipFiles": ["<node_internals>/**"]
-        }
-    ]
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"name": "Run VS Code Extension",
+			"type": "extensionHost",
+			"request": "launch",
+			"runtimeExecutable": "${execPath}",
+			"args": ["--extensionDevelopmentPath=${workspaceRoot}/packages/svelte-vscode"],
+			"stopOnEntry": false,
+			"sourceMaps": true,
+			"outFiles": ["${workspaceRoot}/packages/svelte-vscode/dist/**/*.js"],
+			"preLaunchTask": "npm: watch"
+		},
+		{
+			"type": "node",
+			"request": "launch",
+			"name": "Run 'svelte2tsx/repl/debug.ts' with debugger",
+			"runtimeArgs": ["-r", "ts-node/register"],
+			"args": ["${workspaceFolder}/packages/svelte2tsx/repl/debug.ts"],
+			"env": {
+				"TS_NODE_COMPILER_OPTIONS": "{\"esModuleInterop\":true, \"target\": \"es2018\"}",
+				"TS_NODE_TRANSPILE_ONLY": "true"
+			},
+			"console": "integratedTerminal",
+			"internalConsoleOptions": "neverOpen"
+		},
+		{
+			"type": "node",
+			"request": "launch",
+			"name": "Run tests with debugger",
+			"program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+			"args": [
+				"-r",
+				"ts-node/register",
+				"--colors",
+				"${workspaceFolder}/packages/*/test/**/*.ts"
+			],
+			"env": {
+				"TS_NODE_COMPILER_OPTIONS": "{\"esModuleInterop\":true}"
+			},
+			"console": "integratedTerminal",
+			"internalConsoleOptions": "neverOpen"
+		},
+		{
+			"type": "node",
+			"request": "attach",
+			"name": "Attach debugger to language server",
+			"port": 6009,
+			"outFiles": [
+				"${workspaceRoot}/packages/language-server/dist/**/*.js",
+				"${workspaceRoot}/packages/svelte2tsx/index.js"
+			],
+			"skipFiles": ["<node_internals>/**"]
+		}
+	]
 }

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "typescript.preferences.quoteStyle": "single"
+	"typescript.preferences.quoteStyle": "single"
 }

.vscode/tasks.json

@@ -1,18 +1,18 @@
 {
-    "version": "2.0.0",
-    "tasks": [
-        {
-            "type": "npm",
-            "script": "watch",
-            "problemMatcher": "$tsc-watch",
-            "isBackground": true,
-            "presentation": {
-                "reveal": "never"
-            },
-            "group": {
-                "kind": "build",
-                "isDefault": true
-            }
-        }
-    ]
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "npm",
+			"script": "watch",
+			"problemMatcher": "$tsc-watch",
+			"isBackground": true,
+			"presentation": {
+				"reveal": "never"
+			},
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			}
+		}
+	]
 }

README.md

@@ -1,6 +1,6 @@
 <p>
   <a href="https://svelte.dev">
-	<img alt="Cybernetically enhanced web apps: Svelte" src="https://user-images.githubusercontent.com/49038/76711598-f0b39180-66e7-11ea-9501-37f6e1edf8a6.png">
+    <img alt="Cybernetically enhanced web apps: Svelte" src="https://user-images.githubusercontent.com/49038/76711598-f0b39180-66e7-11ea-9501-37f6e1edf8a6.png">
   </a>
 
   <a href="https://www.npmjs.com/package/svelte">
@@ -20,7 +20,7 @@ Svelte Language Tools contains a library implementing the Language Server Protoc
 
 A `.svelte` file would look something like this:
 
-```html
+```svelte
 <script>
     let count = 1;
 
@@ -33,7 +33,7 @@ A `.svelte` file would look something like this:
     }
 </script>
 
-<button on:click="{handleClick}">Count: {count}</button>
+<button on:click={handleClick}>Count: {count}</button>
 
 <p>{count} * 2 = {doubled}</p>
 <p>{doubled} * 2 = {quadrupled}</p>

docs/README.md

@@ -47,19 +47,19 @@ LSP-compatible editors, you can use an HTML comment with the `@component` tag:
 
 The VS Code extension comes with its own syntax highlighting grammar which defines special scopes. If your syntax highlighting seems to be not working for Svelte components or you feel that some colors are wrong, you can add something like the following to your `settings.json`:
 
-```
+```json
 {
     "editor.tokenColorCustomizations": {
         "[<Name of your theme>]": {
             "textMateRules": [
                 {
                     "settings": {
-                        "foreground": "#569CD6", // any color you like
+                        "foreground": "#569CD6" // any color you like
                     },
                     "scope": "support.class.component.svelte" // scope name you want to adjust highlighting for
                 }
-            ],
-        },
+            ]
+        }
     }
 }
 ```
@@ -80,7 +80,7 @@ You need to save the file to see the changes. If the problem persists after savi
 
 ```json
 "files.watcherExclude": {
-  "**/*": true,
+    "**/*": true,
 }
 ```
 
@@ -94,13 +94,13 @@ If you have the `Babel Javascript` plugin installed, this may be the cause. Disa
 
 Your default formatter for Svelte files may be wrong.
 
--   Mabye it's set to the old Svelte extension, if so, remove the setting
+-   Maybe it's set to the old Svelte extension, if so, remove the setting
 -   Maybe you set all files to be formatted by the prettier extension. Then you have two options: Either install `prettier-plugin-svelte` from npm, or tell VSCode to format the code with the `Svelte for VSCode extension`:
 
 ```json
-  "[svelte]": {
+"[svelte]": {
     "editor.defaultFormatter": "svelte.svelte-vscode"
-  },
+},
 ```
 
 ## Internals

docs/internal/overview.md

@@ -30,10 +30,11 @@ Our `language-server` can roughly be split into [four areas](/packages/language-
 The last area, TS/JS, is where most of the work is done. Svelte is a mix of JavaScript/TypeScript inside `script` and more of it within Svelte's template syntax. To get a holistic view of the file, we need to account for both.
 This is also the reason why preprocessors such as `svelte-preprocess` cannot do type checking because it produces wrong diagnostics. To preprocess the script content, it only gets the content from the script. Think of this situation:
 
-```html
+```svelte
 <script lang="ts">
     let a: number = 1;
 </script>
+
 {a}
 ```
 
@@ -64,7 +65,7 @@ This example shows how our `language-server` uses `svelte2tsx`:
 
 1. Svelte file comes in
 
-```html
+```svelte
 <script>
     export let world = 'name';
 </script>

docs/preprocessors/in-general.md

@@ -17,7 +17,7 @@ module.exports = {
 
 It's also necessary to add a `type="text/language-name"` or `lang="language-name"` to your `style` and `script` tags, which defines how that code should be interpreted by the extension.
 
-```html
+```svelte
 <div>
     <h1>Hello, world!</h1>
 </div>

docs/preprocessors/scss-less.md

@@ -35,7 +35,7 @@ module.exports = {
 
 To gain syntax highlighing for your SCSS code and to make us understand the language you are using, add a `type` or `lang` attribute to your style tags like so:
 
-```html
+```svelte
 <!-- Add type="text/scss" -->
 <style type="text/scss">
     header {