Vorbereitung Release 0.2.0

kontor-vue/src/components/MainHeader.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+defineProps<{
+  headerTitle: string
+}>()
+</script>
+<template>
+    <div class="header">
+        <h2>{{ headerTitle }}</h2>
+    </div>
+</template>
+<style lang="css" scoped>
+</style>

kontor-vue/src/components/MainNavbar.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { RouterLink } from 'vue-router'
+</script>
+<template>
+  <div class="topnav">
+    <RouterLink to="/">Kontor</RouterLink>
+    <RouterLink to="/comics">Comics</RouterLink>
+    <RouterLink to="/tysc">TYSC</RouterLink>
+    <RouterLink to="/media">Media</RouterLink>
+    <RouterLink style="float: right;" to="/login">Login</RouterLink>
+  </div>
+</template>
+<style lang="css" scoped>
+</style>

kontor-vue/src/components/__tests__/MainHeader.spec.ts

@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import MainHeader from '../MainHeader.vue'
+
+describe('MainHeader', () => {
+  it('renders properly', () => {
+    const wrapper = mount(MainHeader, { props: { headerTitle: 'Kontor' } })
+    expect(wrapper.text()).toContain('Kontor')
+  })
+})