chore: switch indentation to spaces in README.md (#316)

* chore: switch indentation to spaces in README.md

* chore: also indent space for docs/**/*.md

Author: dominikg

.editorconfig

@@ -8,5 +8,6 @@ indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true
 
-[package.json]
+[{package.json, README.md, docs/**/*.md}]
 indent_style = space
+

.prettierrc.js

@@ -20,7 +20,7 @@ module.exports = {
 			}
 		},
 		{
-			files: '**/package.json',
+			files: ['**/package.json', '**/README.md', 'docs/**/*.md'],
 			options: {
 				useTabs: false,
 				tabWidth: 2

README.md

@@ -20,11 +20,11 @@ import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 
 export default defineConfig({
-	plugins: [
-		svelte({
-			/* plugin options */
-		})
-	]
+  plugins: [
+    svelte({
+      /* plugin options */
+    })
+  ]
 });
 ```
 

docs/config.md

@@ -4,11 +4,11 @@
 
 ```js
 export default defineConfig({
-	plugins: [
-		svelte({
-			/* plugin options */
-		})
-	]
+  plugins: [
+    svelte({
+      /* plugin options */
+    })
+  ]
 });
 ```
 
@@ -28,11 +28,11 @@ To set a specific config file, use the `configFile` inline option. The path can
 
 ```js
 export default defineConfig({
-	plugins: [
-		svelte({
-			configFile: 'my-svelte.config.js'
-		})
-	]
+  plugins: [
+    svelte({
+      configFile: 'my-svelte.config.js'
+    })
+  ]
 });
 ```
 
@@ -41,7 +41,7 @@ A basic Svelte config looks like this:
 ```js
 // svelte.config.js
 export default {
-	// config options
+  // config options
 };
 ```
 
@@ -78,11 +78,11 @@ These options are specific to the Svelte compiler and are generally shared acros
   import sveltePreprocess from 'svelte-preprocess';
 
   export default defineConfig({
-  	plugins: [
-  		svelte({
-  			preprocess: [sveltePreprocess({ typescript: true })]
-  		})
-  	]
+    plugins: [
+      svelte({
+        preprocess: [sveltePreprocess({ typescript: true })]
+      })
+    ]
   });
   ```
 
@@ -126,17 +126,17 @@ A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patt
 
   ```js
   export default defineConfig({
-  	plugins: [
-  		svelte({
-  			onwarn(warning, defaultHandler) {
-  				// don't warn on <marquee> elements, cos they're cool
-  				if (warning.code === 'a11y-distracting-elements') return;
-
-  				// handle all other warnings normally
-  				defaultHandler(warning);
-  			}
-  		})
-  	]
+    plugins: [
+      svelte({
+        onwarn(warning, defaultHandler) {
+          // don't warn on <marquee> elements, cos they're cool
+          if (warning.code === 'a11y-distracting-elements') return;
+
+          // handle all other warnings normally
+          defaultHandler(warning);
+        }
+      })
+    ]
   });
   ```
 
@@ -176,13 +176,13 @@ These options are considered experimental and breaking changes to them can occur
 
 ```js
 export default defineConfig({
-	plugins: [
-		svelte({
-			experimental: {
-				// experimental options
-			}
-		})
-	]
+  plugins: [
+    svelte({
+      experimental: {
+        // experimental options
+      }
+    })
+  ]
 });
 ```
 
@@ -213,9 +213,9 @@ export default defineConfig({
 
   ```ts
   type DynamicCompileOptions = (data: {
-  	filename: string; // The file to be compiled
-  	code: string; // The preprocessed Svelte code
-  	compileOptions: Partial<CompileOptions>; // The current compiler options
+    filename: string; // The file to be compiled
+    code: string; // The preprocessed Svelte code
+    compileOptions: Partial<CompileOptions>; // The current compiler options
   }) => Promise<Partial<CompileOptions> | void> | Partial<CompileOptions> | void;
   ```
 
@@ -225,17 +225,17 @@ export default defineConfig({
 
   ```js
   export default defineConfig({
-  	plugins: [
-  		svelte({
-  			experimental: {
-  				dynamicCompileOptions({ filename, compileOptions }) {
-  					// Dynamically set hydration per Svelte file
-  					if (compileWithHydratable(filename) && !compileOptions.hydratable) {
-  						return { hydratable: true };
-  					}
-  				}
-  			}
-  		})
-  	]
+    plugins: [
+      svelte({
+        experimental: {
+          dynamicCompileOptions({ filename, compileOptions }) {
+            // Dynamically set hydration per Svelte file
+            if (compileWithHydratable(filename) && !compileOptions.hydratable) {
+              return { hydratable: true };
+            }
+          }
+        }
+      })
+    ]
   });
   ```

docs/faq.md

@@ -54,7 +54,7 @@ Good:
 ```scss
 /* global.scss */
 html {
-	color: $text-color;
+  color: $text-color;
 }
 ```
 
@@ -67,9 +67,9 @@ Bad:
 
 ```svelte
 <style lang="scss">
-	:global(html) {
-		color: $text-color;
-	}
+  :global(html) {
+    color: $text-color;
+  }
 </style>
 ```
 
@@ -79,13 +79,13 @@ If you are building a Vite plugin that transforms CSS or JS, you can add a `api.
 
 ```js
 const vitePluginCoolCss = {
-	name: 'vite-plugin-coolcss',
-	api: {
-		sveltePreprocess: {
-			/* your PreprocessorGroup here */
-		}
-	}
-	/*... your cool css plugin implementation here .. */
+  name: 'vite-plugin-coolcss',
+  api: {
+    sveltePreprocess: {
+      /* your PreprocessorGroup here */
+    }
+  }
+  /*... your cool css plugin implementation here .. */
 };
 ```
 

packages/vite-plugin-svelte/README.md

@@ -10,11 +10,11 @@ import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 
 export default defineConfig({
-	plugins: [
-		svelte({
-			/* plugin options */
-		})
-	]
+  plugins: [
+    svelte({
+      /* plugin options */
+    })
+  ]
 });
 ```