From 619d93142dd74f8ac5bda6178acc67b4b9ebc153 Mon Sep 17 00:00:00 2001
From: Victor Ribeiro <devjvribeiro@gmail.com>
Date: Mon, 26 Sep 2022 17:12:52 -0300
Subject: [PATCH 1/3] Removed default hard coded dark styles

---
 assets/sass/main.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 1248bbd..5938009 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,6 +2,5 @@
 
 html,
 body {
-  background-color: #222;
-  color: #fff;
+  height: 100%;
 }

From beb9bf42b6688f9644029fb0a06e957ff8ecc7ca Mon Sep 17 00:00:00 2001
From: Victor Ribeiro <devjvribeiro@gmail.com>
Date: Mon, 26 Sep 2022 17:15:45 -0300
Subject: [PATCH 2/3] Moved starter template into `VulmixWelcome.vue`

Moved `index.vue` contents into `VulmixWelcome.vue` built-in component to keep `index.vue` as minimal as possible.
---
 .vulmix/components/VulmixWelcome.vue | 50 ++++++++++++++++++++++++++++
 pages/index.vue                      | 49 ++-------------------------
 2 files changed, 52 insertions(+), 47 deletions(-)
 create mode 100644 .vulmix/components/VulmixWelcome.vue

diff --git a/.vulmix/components/VulmixWelcome.vue b/.vulmix/components/VulmixWelcome.vue
new file mode 100644
index 0000000..5ac7a34
--- /dev/null
+++ b/.vulmix/components/VulmixWelcome.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="p-6 space-y-6 bg-zinc-800 text-white h-full">
+    <h1 class="text-5xl">Home</h1>
+
+    <MyComponent />
+
+    <p>And some <Link to="/test-page">Test Page</Link></p>
+    <p>And some <Link to="/non-existing-page">404 page</Link></p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+  // Importing Sass utilities
+  @import '@/assets/sass/utils';
+
+  h1 {
+    color: #d43d3d;
+
+    // Using breakpoint based media-queries
+    @include media(sm) {
+      color: #3b3bcc;
+    }
+
+    @include media(md) {
+      color: #ff0062;
+    }
+
+    @include media(lg) {
+      color: #c78800;
+    }
+
+    @include media(xl) {
+      color: #00a767;
+    }
+
+    @include media('2xl') {
+      color: #c850cc;
+    }
+
+    @include media('3xl') {
+      // Using the `color` function to get a color
+      // from the ./assets/sass/_variables.scss color palette.
+      color: color(sample-gold-400);
+    }
+  }
+
+  a {
+    @apply text-blue-400;
+  }
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index 6cc6621..e445603 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,50 +1,5 @@
 <template>
-  <div class="p-6 space-y-6">
-    <h1 class="text-5xl">Home</h1>
-
-    <MyComponent />
-
-    <p>And some <Link to="/test-page">Test Page</Link></p>
-    <p>And some <Link to="/non-existing-page">404 page</Link></p>
+  <div>
+    <VulmixWelcome />
   </div>
 </template>
-
-<style scoped lang="scss">
-  // Importing Sass utilities
-  @import '@/assets/sass/utils';
-
-  h1 {
-    color: #d43d3d;
-
-    // Using breakpoint based media-queries
-    @include media(sm) {
-      color: #3b3bcc;
-    }
-
-    @include media(md) {
-      color: #ff0062;
-    }
-
-    @include media(lg) {
-      color: #c78800;
-    }
-
-    @include media(xl) {
-      color: #00a767;
-    }
-
-    @include media('2xl') {
-      color: #c850cc;
-    }
-
-    @include media('3xl') {
-      // Using the `color` function to get a color
-      // from the ./assets/sass/_variables.scss color palette.
-      color: color(sample-gold-400);
-    }
-  }
-
-  a {
-    @apply text-blue-400;
-  }
-</style>

From 5b445eea7f2c871445f59fe552d8017a912e21a5 Mon Sep 17 00:00:00 2001
From: Victor Ribeiro <devjvribeiro@gmail.com>
Date: Mon, 26 Sep 2022 17:29:02 -0300
Subject: [PATCH 3/3] Removed root parent div

---
 pages/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index e445603..92e56b8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,3 @@
 <template>
-  <div>
-    <VulmixWelcome />
-  </div>
+  <VulmixWelcome />
 </template>