🎉 Reinital Commit

pkg/views/src/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <v-app>
+    <router-view />
+  </v-app>
+</template>

pkg/views/src/layouts/master.vue

@@ -0,0 +1,27 @@
+<template>
+  <v-navigation-drawer v-model="drawerOpen" color="grey-lighten-5" floating>
+    <div class="d-flex text-center justify-center items-center h-[64px]">
+      <h1>Goatplaza</h1>
+    </div>
+  </v-navigation-drawer>
+
+  <v-app-bar height="64" color="primary" scroll-behavior="elevate" flat>
+    <div class="container mx-auto px-5">
+      <v-app-bar-nav-icon variant="text" @click.stop="toggleDrawer"></v-app-bar-nav-icon>
+    </div>
+  </v-app-bar>
+
+  <v-main>
+    <router-view />
+  </v-main>
+</template>
+
+<script setup>
+import { ref } from "vue"
+
+const drawerOpen = ref(true)
+
+function toggleDrawer() {
+  drawerOpen.value = !drawerOpen.value
+}
+</script>

pkg/views/src/main.ts

@@ -0,0 +1,41 @@
+import "virtual:uno.css"
+
+import { createApp } from "vue"
+import { createPinia } from "pinia"
+
+import "vuetify/styles"
+import { createVuetify } from "vuetify"
+import * as components from "vuetify/components"
+import * as directives from "vuetify/directives"
+
+import "@mdi/font/css/materialdesignicons.min.css"
+
+import index from "./index.vue"
+import router from "./router"
+
+const app = createApp(index)
+
+app.use(
+  createVuetify({
+    components,
+    directives,
+    theme: {
+      themes: {
+        light: {
+          primary: "#4a5099",
+          secondary: "#2196f3",
+          accent: "#009688",
+          error: "#f44336",
+          warning: "#ff9800",
+          info: "#03a9f4",
+          success: "#4caf50"
+        }
+      }
+    }
+  })
+)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount("#app")

pkg/views/src/router/index.ts

@@ -0,0 +1,22 @@
+import { createRouter, createWebHistory } from "vue-router"
+import MasterLayout from "@/layouts/master.vue"
+import LandingPage from "@/views/landing.vue"
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: "/",
+      component: MasterLayout,
+      children: [
+        {
+          path: "/",
+          name: "landing",
+          component: LandingPage
+        }
+      ]
+    }
+  ]
+})
+
+export default router

pkg/views/src/views/landing.vue

@@ -0,0 +1,3 @@
+<template>
+    <div>Good morning!</div>
+</template>