Use spaces in readme to not get displayed as 8

README.md

@@ -15,7 +15,7 @@ And add the configuration to `docusaurus.config.js`/`docusaurus.config.ts`
 ```ts
 const config: Config = {
     ...
-	plugins: ['native-ideal-image'],
+    plugins: ['native-ideal-image'],
 }
 ```
 
@@ -25,24 +25,24 @@ Then you can use it in your project like this
 import image from '../images/some-image.jpeg'
 
 export default function App() {
-	return (
-		<main>
-			<NativeIdealImage img={image} />
-		</main>
-	)
+    return (
+        <main>
+            <NativeIdealImage img={image} />
+        </main>
+    )
 }
 ```
 
 By default, this will transform the image into a jpeg source and a webp source and also a webp format low quality placeholder, and end up like this
 
 ```html
 <picture
-	class="picture_x2na"
-	style="--lqip: url(data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADQAQCdASoQAAwABUB8JZQAAudcoVPyIAD+uVyF4iJZsGTWpdieB7utExa6oMeh0PusAA==);"
+    class="picture_x2na"
+    style="--lqip: url(data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADQAQCdASoQAAwABUB8JZQAAudcoVPyIAD+uVyF4iJZsGTWpdieB7utExa6oMeh0PusAA==);"
 >
-	<source srcset="assets/native-ideal-image/some-image-b0600-2160.webp 2160w" type="image/webp" />
-	<source srcset="assets/native-ideal-image/some-image-4cb20-2160.jpeg 2160w" type="image/jpeg" />
-	<img loading="lazy" sizes="auto" width="2160" height="1620" />
+    <source srcset="assets/native-ideal-image/some-image-b0600-2160.webp 2160w" type="image/webp" />
+    <source srcset="assets/native-ideal-image/some-image-4cb20-2160.jpeg 2160w" type="image/jpeg" />
+    <img loading="lazy" sizes="auto" width="2160" height="1620" />
 </picture>
 ```