Format

README.md

@@ -26,11 +26,11 @@ npm install modal-svelte
 
 ```svelte
 <script>
-  import Modal from 'modal-svelte'
+	import Modal from 'modal-svelte'
 </script>
 
 <Modal title="Hello world!" onCancel={() => (open = false)}>
-  <p>Content</p>
+	<p>Content</p>
 </Modal>
 ```
 
@@ -40,30 +40,30 @@ This shows all available functionality
 
 ```svelte
 <Modal
-  title="Hello world!"
-  onCancel={() => (open = false)}
-  form={() => submitMyForm()}
-  noEscapeHandling
-  noCloseIcon
-  class="w-full"
+	title="Hello world!"
+	onCancel={() => (open = false)}
+	form={() => submitMyForm()}
+	noEscapeHandling
+	noCloseIcon
+	class="w-full"
 >
-  <p>Content</p>
-  <input />
+	<p>Content</p>
+	<input />
 
-  <!-- If you want to bring focus to a specific element -->
-  <input autofocus />
+	<!-- If you want to bring focus to a specific element -->
+	<input autofocus />
 
-  <div slot="buttons">
-    <button type="submit">Submit</button>
-  </div>
+	<div slot="buttons">
+		<button type="submit">Submit</button>
+	</div>
 
 </Modal>
 ```
 
 ```css
 :root {
-  --modal-bg: #fff;
-  color: #000;
+	--modal-bg: #fff;
+	color: #000;
 }
 ```
 
@@ -85,20 +85,20 @@ This shows all available functionality
 
 1. Update `CHANGELOG.md`
 2. Check for errors
-    ```
-    npm run lint
-    ```
+	```
+	npm run lint
+	```
 3. Bump the version number
-    ```
-    npm version --no-git-tag <version>
-    ```
+	```
+	npm version --no-git-tag <version>
+	```
 4. Generate the package
-    ```
-    npm run build:package
-    ```
+	```
+	npm run build:package
+	```
 5. Publish the package
-    ```
-    npm publish
-    ```
+	```
+	npm publish
+	```
 6. Commit with a tag in format "v#.#.#"
 7. Create GitHub release with release notes

src/routes/+page.svelte

@@ -45,41 +45,41 @@
 {/if}
 
 <style lang="sass">
-  :global(html, body)
-    margin: 0px
-    color: #ffffff
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
-  .center
-    display: flex
-    flex-direction: column
-    align-items: center
-    min-height: 100vh
-    padding: 20px 0px
-    box-sizing: border-box
-    font-size: 1rem
-    background-color: #111318
-  nav
-    cursor: default
-    a
-      padding: 4px 2px
-      margin: 0px 2px
-      font-size: 16px
-      text-decoration: none
-      color: hsla(0, 100%, 100%, 0.75)
-      &:hover
-        color: #ffffff
-  button.show
-    margin-bottom: 20px
-  .row
-    margin-top: 8px
-    display: flex
-    align-items: center
-    height: 24px
-    width: 100%
-    gap: 20px
-  input
-    margin-left: auto
-  p
-    max-width: 500px
-    margin: 0px
+	:global(html, body)
+		margin: 0px
+		color: #ffffff
+		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
+	.center
+		display: flex
+		flex-direction: column
+		align-items: center
+		min-height: 100vh
+		padding: 20px 0px
+		box-sizing: border-box
+		font-size: 1rem
+		background-color: #111318
+	nav
+		cursor: default
+		a
+			padding: 4px 2px
+			margin: 0px 2px
+			font-size: 16px
+			text-decoration: none
+			color: hsla(0, 100%, 100%, 0.75)
+			&:hover
+				color: #ffffff
+	button.show
+		margin-bottom: 20px
+	.row
+		margin-top: 8px
+		display: flex
+		align-items: center
+		height: 24px
+		width: 100%
+		gap: 20px
+	input
+		margin-left: auto
+	p
+		max-width: 500px
+		margin: 0px
 </style>

tsconfig.json

@@ -1,17 +1,17 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true
-  }
-  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
-  //
-  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-  // from the referenced tsconfig.json - TypeScript does not merge them in
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
 }

vite.config.ts

@@ -2,5 +2,5 @@ import { sveltekit } from '@sveltejs/kit/vite'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  plugins: [sveltekit()],
+	plugins: [sveltekit()],
 })