Fix component name

src/components/GuestBookForm.vue

@@ -49,7 +49,7 @@ import {defineComponent, ref, useContext} from "@nuxtjs/composition-api";
 import {GuestbookForm} from "~/types/types";
 
 export default defineComponent({
-  name: "GuestBookLogin",
+  name: "GuestBookForm",
   setup() {
     const { $axios, $sentry } = useContext()
 
@@ -86,7 +86,7 @@ export default defineComponent({
         form.value.message = ''
         success.value = true
       } else {
-        console.log(response.data)
+        $sentry.captureEvent(response.data)
         error.value = true
         setTimeout(() => {
           error.value = false

src/pages/guestbook.vue

@@ -6,7 +6,7 @@
         <p>{{ $t('guestbook.description') }}</p>
       </div>
     </section>
-    <GuestBookLogin />
+    <GuestBookForm />
     <section class="flex flex-col py-8">
       <div v-for="message in guestbook_messages">
         <GuestbookMessage
@@ -22,12 +22,6 @@
 <script lang="ts">
 import {defineComponent, ref, useAsync, useContext} from "@nuxtjs/composition-api";
 
-interface GuestbookMessage {
-  message: string,
-  author: string,
-  date: string
-}
-
 export default defineComponent({
   name: "guestbook",
   head() {