Change autofocus strategy on AuthorCard, IdentifierCard and Keyword

Author: abelsiqueira

src/components/AuthorCardEditing.vue

@@ -12,6 +12,7 @@
         </div>
         <div class="row">
             <q-input
+                autofocus
                 bg-color="white"
                 class="col"
                 dense
@@ -185,7 +186,7 @@
 
 <script lang="ts">
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
-import { defineComponent, onMounted, ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 import SchemaGuideLink from './SchemaGuideLink.vue'
 
 export default defineComponent({
@@ -230,9 +231,6 @@ export default defineComponent({
     },
     setup () {
         const givenNamesRef = ref<HTMLElement | null>(null)
-        onMounted(() => {
-            givenNamesRef.value?.focus()
-        })
         return {
             givenNamesRef
         }

src/components/IdentifierCardEditing.vue

@@ -24,6 +24,7 @@
                     </q-label>
                 </div>
                 <q-input
+                    autofocus
                     bg-color="white"
                     label="Value"
                     outlined
@@ -92,7 +93,7 @@
 
 <script lang="ts">
 import { IdentifierTypeType } from '../types'
-import { computed, defineComponent, onMounted, PropType, ref } from 'vue'
+import { computed, defineComponent, PropType, ref } from 'vue'
 import SchemaGuideLink from 'src/components/SchemaGuideLink.vue'
 
 export default defineComponent({
@@ -133,9 +134,6 @@ export default defineComponent({
             other: { label: 'identifier', anchor: '#definitionsidentifier' }
         }
         const valueRef = ref<HTMLElement | null>(null)
-        onMounted(() => {
-            valueRef.value?.focus()
-        })
         return {
             valueRef,
             typeOptions: [

src/components/Keyword.vue

@@ -2,6 +2,7 @@
     <div class="keyword">
         <div class="keyword-input">
             <q-input
+                autofocus
                 bg-color="white"
                 dense
                 outlined
@@ -42,7 +43,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 
 export default defineComponent({
     name: 'KeywordCard',
@@ -62,9 +63,6 @@ export default defineComponent({
     },
     setup () {
         const keywordRef = ref<HTMLElement | null>(null)
-        onMounted(() => {
-            keywordRef.value?.focus()
-        })
         return {
             keywordRef
         }