kerbethecoder
diff --git a/‎.prettierrc
Lines changed: 5 additions & 6 deletions b/‎.prettierrc
Lines changed: 5 additions & 6 deletions
diff --git a/‎README.md
Lines changed: 23 additions & 21 deletions b/‎README.md
Lines changed: 23 additions & 21 deletions
@@ -1,8 +1,7 @@
 {
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-svelte"],
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
@@ -1,8 +1,7 @@
-<!-- <img|title here> -->
-
 ![image](static/snap.png)
 
-<!-- shield.io, 'project built with' -->
+![Static Badge](https://img.shields.io/badge/sveltekit-v2%2e0%2e0-f96743) ![Static Badge](https://img.shields.io/badge/tailwindcss-v3%2e4%2e7-38bdf8)
+![image](static/snap.png)
 
 ![Static Badge](https://img.shields.io/badge/sveltekit-v2%2e0%2e0-f96743) ![Static Badge](https://img.shields.io/badge/tailwindcss-v3%2e4%2e7-38bdf8)
 
@@ -22,10 +21,11 @@ This guide provides a first-hand experience on building a Svelte project using [
  cd project_name
 ```
 
-**2. Install Tailwind CSS.**
+**2. Install Tailwind CSS and sveltekit static adapter.** <small>[reference here](https://kit.svelte.dev/docs/adapter-static)</small>
 
 ```bash
  # terminal
+ npm i -D @sveltejs/adapter-static
  npm install -D tailwindcss postcss autoprefixer
  npx tailwindcss init -p
 ```
@@ -34,15 +34,15 @@ This guide provides a first-hand experience on building a Svelte project using [
 
 ```js
 // svelte.config.js
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	kit: {
-		adapter: adapter()
-	},
-	preprocess: vitePreprocess()
+  kit: {
+    adapter: adapter()
+  },
+  preprocess: vitePreprocess()
 };
 
 export default config;
@@ -54,11 +54,11 @@ export default config;
 // tailwind.config.js
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/*.{html,js,svelte,ts}'],
-	theme: {
-		extend: {}
-	},
-	plugins: []
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {}
+  },
+  plugins: []
 };
 ```
 
@@ -76,7 +76,7 @@ export default {
 ```html
 <!-- +layout.svelte -->
 <script>
-	import '../app.css';
+  import '../app.css';
 </script>
 
 <slot />
@@ -85,6 +85,8 @@ export default {
 **7. Start your build process.**
 
 ```bash
+# terminal
+# terminal
  npm run dev
 ```
 
@@ -94,9 +96,9 @@ export default {
 <h1 class="text-3xl font-bold underline">Hello world!</h1>
 
 <style lang="postcss">
-	:global(html) {
-		background-color: theme(colors.gray.100);
-	}
+  :global(html) {
+    background-color: theme(colors.gray.100);
+  }
 </style>
 ```
 
@@ -159,9 +161,9 @@ npm install gh-pages --save-dev
 
 ```json
 {
-	"scripts": {
-		"deploy": "npm run build && gh-pages -d build -t true"
-	}
+  "scripts": {
+    "deploy": "npm run build && gh-pages -d build"
+  }
 }
 ```
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,7 @@`
`1`	`1`	`{`
`2`		`- "useTabs": true,`
`3`		`- "singleQuote": true,`
`4`		`- "trailingComma": "none",`
`5`		`- "printWidth": 100,`
`6`		`- "plugins": ["prettier-plugin-svelte"],`
`7`		`- "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]`
	`2`	`+ "singleQuote": true,`
	`3`	`+ "trailingComma": "none",`
	`4`	`+ "printWidth": 100,`
	`5`	`+ "plugins": ["prettier-plugin-svelte"],`
	`6`	`+ "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]`
`8`	`7`	`}`