first commit

pages/homepage.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+const name = ref('')
+function sayHi() {
+  Notify.success(`Hi, ${name.value}!`)
+}
+function warning() {
+  Notify.warning(`How dare you refuse me, ${name.value}.`)
+}
+definePageMeta({
+  icon: 'mdi-home',
+  title: 'Homepage',
+  drawerIndex: 0,
+})
+// const { user } = useUserSession()
+</script>
+
+<template>
+  <v-container
+    fluid
+    class="d-flex align-items-center justify-center fill-height"
+  >
+    <div class="text-center">
+      <!-- <div>Welcome {{ user?.login }}!</div> -->
+      <v-icon
+        icon="custom:vitify-nuxt"
+        size="3em"
+        color="primary"
+        class="mb-4"
+      />
+      <p>Opinionated Starter Template</p>
+      <v-text-field
+        v-model="name"
+        max-width="300"
+        placeholder="Hello World"
+        label="What's your name?"
+        class="mt-8"
+      />
+      <v-btn :disabled="!name" class="mr-2" color="primary" @click="sayHi">
+        Confirm
+      </v-btn>
+      <v-btn :disabled="!name" @click="warning"> Cancel </v-btn>
+      <VIcon icon="i-simple-icons-keycloak" />
+    </div>
+  </v-container>
+</template>