From a84f936b267de952a84c478545a98973ab5925f2 Mon Sep 17 00:00:00 2001
From: Tony <legendmastertony@gmail.com>
Date: Mon, 12 Aug 2024 21:21:48 +0800
Subject: [PATCH] Use spaces in readme to not get displayed as 8

---
 README.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index bcfb9b8..575b4a9 100644
--- a/README.md
+++ b/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,11 +25,11 @@ 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>
+    )
 }
 ```
 
@@ -37,12 +37,12 @@ By default, this will transform the image into a jpeg source and a webp source a
 
 ```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>
 ```