From 3dbe2a0942453c046acb57af48e052289bcc1de4 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Wed, 27 Apr 2022 22:13:12 +1000
Subject: [PATCH] Fix docs

---
 website/docs/gettingstarted/firstproject.mdx  | 98 ++++++++++---------
 .../gettingstarted/firstproject.mdx           |  1 +
 2 files changed, 51 insertions(+), 48 deletions(-)

diff --git a/website/docs/gettingstarted/firstproject.mdx b/website/docs/gettingstarted/firstproject.mdx
index beaf1365b..f3c123135 100644
--- a/website/docs/gettingstarted/firstproject.mdx
+++ b/website/docs/gettingstarted/firstproject.mdx
@@ -11,74 +11,76 @@ Now that the CLI is installed, you can generate a new project by using the `wail
 Pick your favourite framework:
 
 
+
+
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 
 <Tabs
-  defaultValue="Svelte"
-  values={[
-    { label: "Svelte", value: "Svelte" },
-    { label: "React", value: "React" },
-    { label: "Vue", value: "Vue" },
-    { label: "Preact", value: "Preact" },
-    { label: "Lit", value: "Lit" },
-    { label: "Vanilla", value: "Vanilla" },
-  ]}
+    defaultValue="Svelte"
+    values={[
+        {label: "Svelte", value: "Svelte"},
+        {label: "React", value: "React"},
+        {label: "Vue", value: "Vue"},
+        {label: "Preact", value: "Preact"},
+        {label: "Lit", value: "Lit"},
+        {label: "Vanilla", value: "Vanilla"},
+    ]}
 >
-  <TabItem value="Svelte">
-   Generate a <a href="https://svelte.dev/">Svelte</a> project using Javascript with:<br/>
+    <TabItem value="Svelte">
+        Generate a <a href="https://svelte.dev/">Svelte</a> project using Javascript with:<br/>
 
-     wails init -n myproject -t svelte
+        wails init -n myproject -t svelte
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t svelte-ts
-  </TabItem>
-  <TabItem value="React">
-   Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
+        wails init -n myproject -t svelte-ts
+    </TabItem>
+    <TabItem value="React">
+        Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
 
-     wails init -n myproject -t react
+        wails init -n myproject -t react
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t react-ts
-  </TabItem>
-  <TabItem value="Vue">
-   Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
+        wails init -n myproject -t react-ts
+    </TabItem>
+    <TabItem value="Vue">
+        Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
 
-     wails init -n myproject -t vue
+        wails init -n myproject -t vue
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t vue-ts
-  </TabItem>
-  <TabItem value="Preact">
-   Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
+        wails init -n myproject -t vue-ts
+    </TabItem>
+    <TabItem value="Preact">
+        Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
 
-     wails init -n myproject -t preact
+        wails init -n myproject -t preact
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t preact-ts
-  </TabItem>
-  <TabItem value="Lit">
-   Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
+        wails init -n myproject -t preact-ts
+    </TabItem>
+    <TabItem value="Lit">
+        Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
 
-     wails init -n myproject -t lit
+        wails init -n myproject -t lit
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t lit-ts
-  </TabItem>
-  <TabItem value="Vanilla">
-   Generate a Vanilla project using Javascript with:<br/>
+        wails init -n myproject -t lit-ts
+    </TabItem>
+    <TabItem value="Vanilla">
+        Generate a Vanilla project using Javascript with:<br/>
 
-     wails init -n myproject -t vanilla
+        wails init -n myproject -t vanilla
 
-  If you would rather use Typescript:
+        If you would rather use Typescript:
 
-     wails init -n myproject -t vanilla-ts
-  </TabItem>
+        wails init -n myproject -t vanilla-ts
+    </TabItem>
 </Tabs>
 
 <hr/>
@@ -110,9 +112,9 @@ Wails projects have the following layout:
 - `/main.go` - The main application
 - `/frontend/` - Frontend project files
 - `/build/` - Project build directory
-  - `/build/appicon.png` - The application icon
-  - `/build/darwin/` - Mac specific project files
-  - `/build/windows/` - Windows specific project files
+- `/build/appicon.png` - The application icon
+- `/build/darwin/` - Mac specific project files
+- `/build/windows/` - Windows specific project files
 - `/wails.json` - The project configuration
 - `/go.mod` - Go module file
 - `/go.sum` - Go module checksum file
diff --git a/website/versioned_docs/version-v2.0.0-beta.35/gettingstarted/firstproject.mdx b/website/versioned_docs/version-v2.0.0-beta.35/gettingstarted/firstproject.mdx
index 55413fffb..f3c123135 100644
--- a/website/versioned_docs/version-v2.0.0-beta.35/gettingstarted/firstproject.mdx
+++ b/website/versioned_docs/version-v2.0.0-beta.35/gettingstarted/firstproject.mdx
@@ -12,6 +12,7 @@ Pick your favourite framework:
 
 
 
+
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";