Initialize dev

src/App.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import Navbar from "./components/navbar/Navbar.vue";
+</script>
+
+<template>
+  <div id="wrapper">
+    <Navbar />
+    <div id="content">
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+#wrapper {
+  min-height: 100dvh;
+  min-height: 100vh;
+
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+</style>

src/assets/main.css

@@ -0,0 +1,9 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  @apply text-slate-300 bg-slate-950
+}

src/components/navbar/Navbar.vue

@@ -0,0 +1,5 @@
+<template>
+  <nav class="bg-slate-900">
+    <div class="container py-4">Menu</div>
+  </nav>
+</template>

src/main.ts

@@ -0,0 +1,14 @@
+import { createApp } from "vue";
+import { createPinia } from "pinia";
+
+import App from "./App.vue";
+import router from "./router";
+
+import "./assets/main.css";
+
+const app = createApp(App);
+
+app.use(createPinia());
+app.use(router);
+
+app.mount("#app");

src/router/index.ts

@@ -0,0 +1,15 @@
+import { createRouter, createWebHistory } from "vue-router";
+import HomeView from "../views/HomeView.vue";
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: "/",
+      name: "home",
+      component: HomeView,
+    },
+  ],
+});
+
+export default router;

src/stores/project.ts

@@ -0,0 +1,14 @@
+import { defineStore } from "pinia";
+import type { JSONContent } from "@tiptap/vue-3";
+
+export const useProjectStore = defineStore("projects", {
+  state: () => ({
+    project: [] as JSONContent[],
+  }),
+
+  actions: {
+    setProjectData(project: Array<JSONContent>) {
+      this.$state.project = project;
+    },
+  },
+});

src/views/HomeView.vue

@@ -0,0 +1,7 @@
+<script lang="ts" setup></script>
+
+<template>
+  <div>
+    <main class="container py-4">Main</main>
+  </div>
+</template>