Bind Fields instead of full Form to the Login view inputs

resources/js_vue3/layouts/FormWrapper.vue

@@ -1,31 +1,20 @@
+<script setup>
+    const props = defineProps({
+        title: {
+            type: String,
+            default: ''
+        },
+        punchline: {
+            type: String,
+            default: ''
+        },
+    })
+</script>
+
 <template>
     <ResponsiveWidthWrapper>
-        <h1 class="title has-text-grey-dark" v-html="title" v-if="title"></h1>
-        <div id="punchline" v-if="punchline" class="block" v-html="punchline"></div>
+        <h1 class="title has-text-grey-dark" v-html="$t(title)" v-if="title"></h1>
+        <div id="punchline" v-if="punchline" class="block" v-html="$t(punchline)" />
         <slot />
     </ResponsiveWidthWrapper>   
-</template>
-
-<script>
-    export default {
-        name: 'FormWrapper',
-        
-        data() {
-            return {
-
-            }
-        },
-
-        props: {
-            title: {
-                type: String,
-                default: ''
-            },
-
-            punchline: {
-                type: String,
-                default: ''
-            },
-        }
-    }
-</script>
+</template>