Add basic author form

front/src/AuthorForm.vue

@@ -0,0 +1,30 @@
+<script setup>
+  import { ref } from 'vue'
+  import { getAuthor } from './api.js'
+  import { onBeforeRouteUpdate } from 'vue-router'
+
+
+  const props = defineProps({
+    id: String
+  });
+
+  let data = ref(null);
+  let error = ref(null);
+
+  getAuthor(data, error, props.id);
+
+  onBeforeRouteUpdate(async (to, from) => {
+    getAuthor(data, error, to.params.id);
+  })
+</script>
+
+<template>
+  <div v-if="error">{{$t('authorform.error', {err: error.message})}}</div>
+  <div v-if="data">
+    <h3 class="title">{{data.name}}</h3>
+    <p v-if="data.description">{{data.description}}</p>
+  </div>
+</template>
+
+<style scoped>
+</style>