refactor: make 'doc' layout as default

Author: natedunn

src/views/layouts/default.vue

@@ -1,14 +1,4 @@
 <template>
-  <img
-    v-if="isDark"
-    :class="tw`absolute w-full top-0 right-0 left-0`"
-    src="@/assets/images/gradient-top-dark.png"
-  />
-  <img
-    v-else
-    :class="tw`absolute w-full top-0 right-0 left-0`"
-    src="@/assets/images/gradient-top-light.png"
-  />
   <main :class="tw`h-full flex(& col) relative`">
     <div :class="tw`mt-6`">
       <Container>
@@ -17,7 +7,14 @@
     </div>
     <div :class="tw`mt-8 layout`">
       <Container>
-        <BaseLayout />
+        <div :class="tw`grid grid-cols-4 gap-12 mt-12`">
+          <div :class="tw`col-span-1 mt-1.5`">
+            <Sidebar />
+          </div>
+          <div :class="tw`col-span-3`">
+            <BaseLayout />
+          </div>
+        </div>
       </Container>
     </div>
     <Footer :class="tw`mt-auto`" />
@@ -26,24 +23,27 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import _Base from "./_base.vue";
-import Container from "@/views/components/Container.vue";
-import MainNav from "@/views/components/MainNav.vue";
-import Footer from "@/views/components/Footer.vue";
 import { tw } from "twind";
 import { isDark } from "@/utils/darkMode";
+import BaseLayout from "@/views/layouts/_base.vue";
+import MainNav from "@/views/components/MainNav.vue";
+import Footer from "@/views/components/Footer.vue";
+import Container from "@/views/components/Container.vue";
+import Sidebar from "@/views/components/Sidebar.vue";
 
 export default defineComponent({
   components: {
-    BaseLayout: _Base,
-    Container,
+    BaseLayout,
     MainNav,
     Footer,
+    Container,
+    Sidebar,
   },
   setup() {
     return { tw, isDark };
   },
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+</style>

src/views/layouts/doc.vue renamed to src/views/layouts/home.vue

@@ -1,4 +1,14 @@
 <template>
+  <img
+    v-if="isDark"
+    :class="tw`absolute w-full top-0 right-0 left-0`"
+    src="@/assets/images/gradient-top-dark.png"
+  />
+  <img
+    v-else
+    :class="tw`absolute w-full top-0 right-0 left-0`"
+    src="@/assets/images/gradient-top-light.png"
+  />
   <main :class="tw`h-full flex(& col) relative`">
     <div :class="tw`mt-6`">
       <Container>
@@ -7,14 +17,7 @@
     </div>
     <div :class="tw`mt-8 layout`">
       <Container>
-        <div :class="tw`grid grid-cols-4 gap-12 mt-12`">
-          <div :class="tw`col-span-1 mt-3`">
-            <Sidebar />
-          </div>
-          <div :class="tw`col-span-3`">
-            <BaseLayout />
-          </div>
-        </div>
+        <BaseLayout />
       </Container>
     </div>
     <Footer :class="tw`mt-auto`" />
@@ -23,27 +26,24 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { tw } from "twind";
-import { isDark } from "@/utils/darkMode";
-import BaseLayout from "@/views/layouts/_base.vue";
+import _Base from "./_base.vue";
+import Container from "@/views/components/Container.vue";
 import MainNav from "@/views/components/MainNav.vue";
 import Footer from "@/views/components/Footer.vue";
-import Container from "@/views/components/Container.vue";
-import Sidebar from "@/views/components/Sidebar.vue";
+import { tw } from "twind";
+import { isDark } from "@/utils/darkMode";
 
 export default defineComponent({
   components: {
-    BaseLayout,
+    BaseLayout: _Base,
+    Container,
     MainNav,
     Footer,
-    Container,
-    Sidebar,
   },
   setup() {
     return { tw, isDark };
   },
 });
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>

src/views/pages/docs/anchor.vue

@@ -183,7 +183,6 @@ import Anchor from "@/components/Anchor/Anchor.vue";
 import Theme from "@/components/Anchor/theme.ts";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
     Badge,

src/views/pages/docs/button.vue

@@ -214,7 +214,6 @@ import Code from "@/views/components/Code.vue";
 import Theme from "@/components/Button/theme.ts";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
     Divider,

src/views/pages/docs/dropdown.vue

@@ -391,7 +391,6 @@ import Example from "@/views/components/Example.vue";
 import Code from "@/views/components/Code.vue";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
     Badge,

src/views/pages/docs/index.vue

@@ -10,7 +10,6 @@ import { tw } from "twind";
 import { useRouter } from "vue-router";
 
 export default defineComponent({
-  layout: "doc",
   components: {},
   setup() {
     const router = useRouter();

src/views/pages/docs/install.vue

@@ -15,7 +15,6 @@ import { defineComponent } from "vue";
 import DocHeader from "@/views/components/DocHeader.vue";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
   },

src/views/pages/docs/prose.vue

@@ -13,7 +13,6 @@ import { defineComponent } from "vue";
 import DocHeader from "@/views/components/DocHeader.vue";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
   },

src/views/pages/docs/table.vue

@@ -11,7 +11,6 @@ import { defineComponent } from "vue";
 import DocHeader from "@/views/components/DocHeader.vue";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
   },

src/views/pages/docs/theming.vue

@@ -23,7 +23,6 @@ import { defineComponent } from "vue";
 import DocHeader from "@/views/components/DocHeader.vue";
 
 export default defineComponent({
-  layout: "doc",
   components: {
     DocHeader,
   },