From d2d894dc6aaa29d2209bc514b3afcd31c68a9736 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Sun, 3 Nov 2024 08:37:04 +0100
Subject: [PATCH] feat: :lipstick: basic layout

---
 eslint.config.js |  2 --
 frontend/App.vue | 32 +++++++++++++++++++++++++++++++-
 frontend/main.ts |  8 ++++++++
 3 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 6fb4ba3..ebd443d 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,6 +1,5 @@
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import pluginVue from 'eslint-plugin-vue'
-import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
 import vueTsEslintConfig from '@vue/eslint-config-typescript'
 
 export default [
@@ -16,7 +15,6 @@ export default [
 
   ...pluginVue.configs['flat/recommended'],
   ...vueTsEslintConfig(),
-  skipFormatting,
   eslintPluginPrettierRecommended,
 
   {
diff --git a/frontend/App.vue b/frontend/App.vue
index cb17028..6e4ca9e 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -1,11 +1,41 @@
 <template>
-  <RouterView />
+  <nav class="navbar" role="navigation" aria-label="main navigation">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="/">
+        <span class="icon-text">
+          <span class="icon">
+            <i class="fa fa-paper-plane"></i>
+          </span>
+          <span>Pilotwings</span>
+        </span>
+      </a>
+    </div>
+    <div class="navbar-menu">
+      <div class="navbar-start">
+        <a class="navbar-item" :href="`${$api}doc`">
+          <span class="icon-text">
+            <span class="icon">
+              <i class="fa fa-book"></i>
+            </span>
+            <span>API Documentation</span>
+          </span>
+        </a>
+      </div>
+    </div>
+  </nav>
+
+  <section class="section">
+    <div class="container">
+      <RouterView />
+    </div>
+  </section>
 </template>
 
 <script lang="ts">
 import { RouterView } from 'vue-router'
 
 export default {
+  name: 'App',
   components: {
     RouterView,
   },
diff --git a/frontend/main.ts b/frontend/main.ts
index e887f84..11db425 100644
--- a/frontend/main.ts
+++ b/frontend/main.ts
@@ -1,7 +1,15 @@
+import 'bulma/css/bulma.min.css'
+import 'font-awesome/css/font-awesome.min.css'
 import App from './App.vue'
 import { createApp } from 'vue'
 import router from './router'
 
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $api: string
+  }
+}
+
 const app = createApp(App)
 app.config.globalProperties.$api = import.meta.env.PROD
   ? `${import.meta.env.BASE_URL}api`