fix indentation level of generated tsx and jsx file

Author: Björn Büttner

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idrinth/react-file-based-routes",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A simple file based routing library, that does not force itself on you.",
   "type": "module",
   "keywords": [

src/jsx-writer.ts

@@ -8,16 +8,17 @@ export default class JsxWriter implements Writer {
   // @ts-ignore TS6133
   add(path: string, url: string, changed: string): void
   {
-    this.items.push('  ' + `(() => {
-    const LazyElement = lazy(() => import(
-      \'./pages/${path}/index.tsx\',
-    ),);
-    return {
-      path: \'${url}\',
-      exact: true,
-      element: <Suspense fallback={<Loader/>}><LazyElement/></Suspense>,
-    };
-    })(),`);
+    this.items.push(`  (() => {
+      const LazyElement = lazy(() => import(
+        \'./pages/${path}/index.tsx\',
+      ),);
+      return {
+        path: \'${url}\',
+        exact: true,
+        element: <Suspense fallback={<Loader/>}><LazyElement/></Suspense>,
+      };
+      })(),`
+    );
   }
   toString(): string {
     return 'import React, {\n' +

src/tsx-writer.ts

@@ -8,16 +8,17 @@ export default class TsxWriter implements Writer {
   // @ts-ignore TS6133
   add(path: string, url: string, changed: string): void
   {
-    this.items.push('  ' + `(() => {
-    const LazyElement = lazy(() => import(
-      \'./pages/${path}/index.tsx\',
-    ),);
-    return {
-      path: \'${url}\',
-      exact: true,
-      element: <Suspense fallback={<Loader/>}><LazyElement/></Suspense>,
-    };
-    })(),`);
+    this.items.push(`  (() => {
+      const LazyElement = lazy(() => import(
+        \'./pages/${path}/index.tsx\',
+      ),);
+      return {
+        path: \'${url}\',
+        exact: true,
+        element: <Suspense fallback={<Loader/>}><LazyElement/></Suspense>,
+      };
+      })(),`,
+    );
   }
   toString(): string {
     return 'import React, {\n' +