diff options
| -rw-r--r-- | src/App.vue | 31 | ||||
| -rw-r--r-- | src/components/SettingsPage.vue | 13 |
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> |