chore: front-end

resources/css/style.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@plugin "daisyui";

resources/ts/App.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+
+const visible = ref<boolean>(false);
+
+onMounted(() => {
+    setTimeout(() => {
+        visible.value = true;
+    });
+});
+</script>
+
+<template>
+    <main :style="{ display: visible ? 'inherit' : 'none' }">
+        <div class="hero bg-base-200 min-h-screen">
+            <div class="hero-content text-center">
+                <div class="max-w-md">
+                    <h1 class="text-5xl font-bold">Hello there</h1>
+                    <p class="py-6">
+                        Provident cupiditate voluptatem et in. Quaerat fugiat ut
+                        assumenda excepturi exercitationem quasi. In deleniti
+                        eaque aut repudiandae et a id nisi.
+                    </p>
+                    <button class="btn btn-primary">Get Started</button>
+                </div>
+            </div>
+        </div>
+    </main>
+</template>

resources/ts/main.ts

@@ -0,0 +1,4 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+
+createApp(App).mount("#app");