first commit

src/layouts/headers/headernoauth.vue

@@ -0,0 +1,56 @@
+<template>
+
+  <div class="navbar bg-base-100">
+    <div class="basis-1/4 md:basis-1/4">
+      <router-link :to="{ name: 'home' }">
+        Auburn Oil
+      </router-link>
+    </div>
+    <div class="basis-1/4 md:basis-1/2 justify-center text-center">
+
+    </div>
+
+    <div class="basis-1/2 md:basis-1/4 justify-end gap-5">
+                <router-link :to="{ name: 'login' }">
+                  <button class="btn">Login</button>
+                </router-link>
+                      <router-link :to="{ name: 'register' }">
+                  <button class="btn">Register</button>
+                </router-link>
+    </div>
+  </div>
+
+</template>
+
+
+
+<script lang="ts">
+
+import { defineComponent } from "vue";
+
+
+
+export default defineComponent({
+  name: "HeaderNoAuth",
+  mounted () {
+
+  },
+  data () {
+    return {
+      user: null,
+      loaded: false,
+      clicked: false,
+      hovered: false,
+
+    };
+  },
+
+  methods: {
+  
+  },
+});
+</script>
+
+<style scoped>
+
+</style>