feat: init project scaffold

src/app/App.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+import { Header } from '@/widgets/Header';
+</script>
+
+<template>
+  <div class="flex flex-col min-h-screen">
+    <Header />
+    <main class="flex-1">
+      <RouterView />
+    </main>
+  </div>
+</template>

src/app/assets/index.css

@@ -0,0 +1,44 @@
+@import 'tailwindcss';
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /* Color Palette */
+  --black: oklch(0 0 0);
+  --white: oklch(1 0 0);
+
+  --gray-100: oklch(98% 0 0);
+  --gray-200: oklch(96% 0.0013 286.37);
+  --gray-300: oklch(92% 0.0097 273.35);
+  --gray-400: oklch(89% 0.0177 286.03);
+  --gray-500: oklch(72% 0.0264 275.76);
+  --gray-600: oklch(61% 0.0351 277.53);
+  --gray-700: oklch(50% 0.0353 276.96);
+  --gray-800: oklch(38% 0.0309 277.44);
+  --gray-900: oklch(23% 0.0428 274.8);
+
+  --primary: oklch(67% 0.1756 254.6);
+  --primary-dark: oklch(61% 0.1815 255.36);
+  --primary-light: oklch(96% 0.0148 251.16);
+
+  /* Default theme */
+  --background: var(--gray-200);
+  --foreground: var(--black);
+}
+
+.dark {
+  --background: var(--black);
+  --foreground: var(--white);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+}
+
+@layer base {
+  body {
+    @apply bg-background text-foreground;
+  }
+}

src/app/main.ts

@@ -0,0 +1,8 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './router';
+import './assets/index.css';
+
+createApp(App)
+  .use(router)
+  .mount('#app');

src/app/router.ts

@@ -0,0 +1,17 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+export default createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      name: 'index',
+      redirect: '/blog',
+    },
+    {
+      path: '/blog',
+      name: 'blog',
+      component: () => import('@/pages/blog.vue'),
+    },
+  ],
+});

src/pages/blog.vue

@@ -0,0 +1,3 @@
+<template>
+  Blog
+</template>