first commit

frontend/.gitignore

@@ -0,0 +1,8 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

frontend/README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.

frontend/app.vue

@@ -0,0 +1,6 @@
+<template>
+    <div class="bg-neutral-100 dark:bg-neutral-900 text-primary h-screen flex flex-col">
+        <NuxtPage class="overflow-y-scroll mb-auto" />
+        <LayoutNavbar />
+    </div>
+</template>

frontend/assets/css/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

frontend/components/layout/Navbar.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="w-full h-16 bg-neutral-200 dark:bg-neutral-800 flex justify-center items-center shadow">
+        <div class="flex justify-evenly items-center gap-1 w-full max-w-lg dark:text-gray-300 text-gray-900">
+            <NuxtLink to="/" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/' ? 'text-primary' : ''">
+                <Icon size="1.5em" name="ion:home-outline" />
+                <span>Home</span>
+            </NuxtLink>
+            <NuxtLink to="/news" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/news' ? 'text-primary' : ''">
+                <Icon size="1.5em" name="ion:newspaper-outline" />
+                <span>News</span>
+            </NuxtLink>
+            <NuxtLink to="/calendar" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/calendar' ? 'text-primary' : ''">
+                <Icon size="1.5em" name="ion:calendar-outline" />
+                <span>Calendar</span>
+            </NuxtLink>
+            <NuxtLink to="/settings" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/settings') ? 'text-primary' : ''">
+                <Icon size="1.5em" name="ion:settings-sharp" />
+                <span>Settings</span>
+            </NuxtLink>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const route = useRoute()
+</script>

frontend/nuxt.config.ts

@@ -0,0 +1,4 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+    modules: ['@nuxtjs/tailwindcss', '@formkit/nuxt', 'nuxt-icon', '@vueuse/nuxt']
+})

frontend/package.json

@@ -0,0 +1,20 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxtjs/tailwindcss": "^5.3.3",
+    "@vueuse/core": "^9.2.0",
+    "@vueuse/nuxt": "^9.2.0",
+    "nuxt": "3.0.0-rc.10",
+    "nuxt-icon": "^0.1.5"
+  },
+  "dependencies": {
+    "@formkit/nuxt": "^1.0.0-beta.10"
+  }
+}

frontend/pages/calendar.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        Calendar
+    </div>
+</template>

frontend/pages/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        Home
+    </div>
+</template>

frontend/pages/news.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        News
+    </div>
+</template>

frontend/pages/settings.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        Settings
+    </div>
+</template>

frontend/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [],
+  theme: {
+    extend: {
+      colors: {
+        primary: '#eb6330'
+      }
+    },
+  },
+  plugins: [],
+}

frontend/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}