diff options
| author | 135e2 <[email protected]> | 2022-08-08 20:37:34 +0800 |
|---|---|---|
| committer | 135e2 <[email protected]> | 2022-08-08 20:38:00 +0800 |
| commit | 6c7edee70bb2a985f6e76b068adb6cf88ebee588 (patch) | |
| tree | 0952db5dca49a0027dae940f74c1857574e17157 /src/App.vue | |
| parent | aeb0867fdad1caf3d9538fe1cc717978cd6ec19a (diff) | |
| download | otonashi-6c7edee70bb2a985f6e76b068adb6cf88ebee588.tar.gz otonashi-6c7edee70bb2a985f6e76b068adb6cf88ebee588.tar.bz2 otonashi-6c7edee70bb2a985f6e76b068adb6cf88ebee588.zip | |
feat: bringup SettingsPage initially
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 31 |
1 files changed, 27 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: { |