New Crowdin updates (#1720)

website/docs/gettingstarted/firstproject.mdx

@@ -2,6 +2,9 @@
 sidebar_position: 2
 ---
 
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
 # Creating a Project
 
 ## Project Generation
@@ -10,8 +13,74 @@ Now that the CLI is installed, you can generate a new project by using the `wail
 
 Pick your favourite framework:
 
-import TabsFrameworks from "../../src/components/frameworktabs";
-<TabsFrameworks/>
+<!-- @formatter:off -->
+
+<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"},
+    ]}
+>
+<TabItem value="Svelte">
+    Generate a <a href={"https://svelte.dev/"}>Svelte</a> project using Javascript with:<br/><br/>
+
+    wails init -n myproject -t svelte
+If you would rather use Typescript:<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/><br/>
+
+    wails init -n myproject -t react
+If you would rather use Typescript:<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/><br/>
+
+    wails init -n myproject -t vue
+
+If you would rather use Typescript:<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/><br/>
+
+    wails init -n myproject -t preact
+
+If you would rather use Typescript:<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/><br/>
+
+    wails init -n myproject -t lit
+
+If you would rather use Typescript:<br/>
+
+    wails init -n myproject -t lit-ts
+</TabItem>
+<TabItem value="Vanilla">
+    Generate a Vanilla project using Javascript with:<br/><br/>
+
+    wails init -n myproject -t vanilla
+
+If you would rather use Typescript:<br/>
+
+    wails init -n myproject -t vanilla-ts
+</TabItem>
+</Tabs>
+
+<!-- @formatter:on -->
 
 <hr/>