2 files changed, 40 insertions, 4 deletions
diff --git a/src/App.vue b/src/App.vue
index ddccf26..20f769c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,13 +6,31 @@
           prepend-icon="mdi-home"
           title="Home"
           value="home"
-          @click="atHome = true"
+          @click="
+            atHome = true;
+            atEdit = false;
+            atSettings = false;
+          "
         ></v-list-item>
         <v-list-item
           prepend-icon="mdi-pencil"
           title="Edit"
           value="edit"
-          @click="atHome = false"
+          @click="
+            atHome = false;
+            atEdit = true;
+            atSettings = false;
+          "
+        ></v-list-item>
+        <v-list-item
+          prepend-icon="mdi-cog-outline"
+          title="Settings"
+          value="settings"
+          @click="
+            atHome = false;
+            atEdit = false;
+            atSettings = true;
+          "
         ></v-list-item>
         <v-list-item
           prepend-icon="mdi-theme-light-dark"
@@ -30,8 +48,9 @@
     </v-snackbar>
     <v-main>
       <v-container class="float-end w-50">
-        <HomePage v-if="atHome == true" />
-        <EditPage v-else @snackbar-notification="setSnackbarText" />
+        <HomePage v-if="atHome" />
+        <EditPage v-if="atEdit" @snackbar-notification="setSnackbarText" />
+        <SettingsPage v-if="atSettings" />
       </v-container>
     </v-main>
   </v-app>
@@ -41,6 +60,7 @@
 import { useTheme } from "vuetify";
 import HomePage from "./components/HomePage.vue";
 import EditPage from "./components/EditPage.vue";
+import SettingsPage from "./components/SettingsPage.vue";
 
 export default {
   name: "App",
@@ -48,11 +68,14 @@ export default {
   components: {
     HomePage,
     EditPage,
+    SettingsPage,
   },
 
   data: () => ({
     drawer: null,
     atHome: true,
+    atEdit: false,
+    atSettings: false,
     snackbar: false,
     snackbarText: "Default snackbar text (End-user shouldn't see this)",
     bg: {
diff --git a/src/components/SettingsPage.vue b/src/components/SettingsPage.vue
new file mode 100644
index 0000000..b3174bf
--- /dev/null
+++ b/src/components/SettingsPage.vue
@@ -0,0 +1,13 @@
+<template>
+  <v-file-input show-size label="Wallpaper"></v-file-input>
+</template>
+
+<script>
+export default {
+  name: "SettingsPage",
+
+  data: () => ({
+    //
+  }),
+};
+</script>