From 9e9aea930825b6f920e2f944960cabb4a73a12bb Mon Sep 17 00:00:00 2001
From: rexhent <dhannah10@outlook.com>
Date: Tue, 2 Jul 2024 22:04:48 +1000
Subject: [PATCH 1/3] begin building homepage

---
 components/TheNav.vue                |  4 +++-
 content/{0.index.md => 0.welcome.md} |  0
 pages/index.vue                      | 12 ++++++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 rename content/{0.index.md => 0.welcome.md} (100%)
 create mode 100644 pages/index.vue

diff --git a/components/TheNav.vue b/components/TheNav.vue
index 4239338c..805b33a2 100644
--- a/components/TheNav.vue
+++ b/components/TheNav.vue
@@ -4,10 +4,10 @@ const play = usePlaygroundStore()
 const guide = useGuideStore()
 const runtime = useRuntimeConfig()
 const commands = useCommandsStore()
-
 const repo = 'https://github.com/nuxt/learn.nuxt.com'
 const buildTime = new Date(runtime.public.buildTime)
 const timeAgo = useTimeAgo(buildTime)
+const route = useRoute()
 
 function downloadCurrentGuide() {
   if (!play.webcontainer)
@@ -67,6 +67,7 @@ addCommands(
       :class="guide.embeddedDocs ? 'z-embedded-docs-raised' : ''"
     >
       <button
+        v-if="route.path === '/welcome'"
         rounded p2
         hover="bg-active"
         title="Search"
@@ -103,6 +104,7 @@ addCommands(
         </template>
       </VDropdown>
       <button
+        v-if="route.path === '/welcome'"
         rounded p2
         title="Toggle terminal"
         hover="bg-active"
diff --git a/content/0.index.md b/content/0.welcome.md
similarity index 100%
rename from content/0.index.md
rename to content/0.welcome.md
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 00000000..08233832
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,12 @@
+<template>
+  <TheNav />
+  <!-- <div absolute top="1/2" left="1/2" translate=""> -->
+  <div h-screen flex items-center justify-center>
+    <nuxt-link to="/welcome">
+      <button rounded bg-green-600 p-3>
+        Begin Tutorial
+      </button>
+    </nuxt-link>
+  </div>
+  <!-- Make Homepage -->
+</template>

From a600e8b81e3e75944dc0abb52cbc2b71e52b5c29 Mon Sep 17 00:00:00 2001
From: rexhent <dhannah10@outlook.com>
Date: Tue, 2 Jul 2024 22:21:26 +1000
Subject: [PATCH 2/3] add about page

---
 components/TheNav.vue | 12 ++++++++++--
 pages/about.vue       |  4 ++++
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 pages/about.vue

diff --git a/components/TheNav.vue b/components/TheNav.vue
index 805b33a2..2bbf7b01 100644
--- a/components/TheNav.vue
+++ b/components/TheNav.vue
@@ -67,7 +67,7 @@ addCommands(
       :class="guide.embeddedDocs ? 'z-embedded-docs-raised' : ''"
     >
       <button
-        v-if="route.path === '/welcome'"
+        v-if="route.path === '/welcome' || route.path !== '/about'"
         rounded p2
         hover="bg-active"
         title="Search"
@@ -104,7 +104,7 @@ addCommands(
         </template>
       </VDropdown>
       <button
-        v-if="route.path === '/welcome'"
+        v-if="route.path === '/welcome' || route.path !== '/about'"
         rounded p2
         title="Toggle terminal"
         hover="bg-active"
@@ -114,6 +114,14 @@ addCommands(
         <div i-ph-terminal-window-duotone text-2xl />
       </button>
       <ColorSchemeToggle />
+      <NuxtLink
+        rounded p2
+        title="About"
+        hover="bg-active"
+        to="/about"
+      >
+        <div i-carbon-help text-2xl />
+      </NuxtLink>
       <NuxtLink
         rounded p2
         title="GitHub"
diff --git a/pages/about.vue b/pages/about.vue
new file mode 100644
index 00000000..0fe6e1f1
--- /dev/null
+++ b/pages/about.vue
@@ -0,0 +1,4 @@
+<template>
+  <TheNav />
+  <h1>About Page</h1>
+</template>

From d4eabfbbd25e63607292627df7e4ff14d09ba92b Mon Sep 17 00:00:00 2001
From: rexhent <dhannah10@outlook.com>
Date: Tue, 2 Jul 2024 22:26:17 +1000
Subject: [PATCH 3/3] fix broken link to vue-basics page

---
 content/2.concepts/1.index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/2.concepts/1.index.md b/content/2.concepts/1.index.md
index a15f0d48..3f349687 100644
--- a/content/2.concepts/1.index.md
+++ b/content/2.concepts/1.index.md
@@ -6,7 +6,7 @@ ogImage: true
 
 In this chapter, we will cover the core concepts of Nuxt.
 
-Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js. If you are not familiar with Vue.js, we recommend you to start with the [Vue Basics](/vue/intro) section and read the [official Vue documentation](https://vuejs.org/) first.
+Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js. If you are not familiar with Vue.js, we recommend you to start with the [Vue Basics](/vue) section and read the [official Vue documentation](https://vuejs.org/) first.
 
 ## Automation and Conventions