Change SchemaInfoIcon section to anchor

Author: abelsiqueira

src/components/SchemaInfoIcon.vue

@@ -1,5 +1,5 @@
 <template>
-    <a v-bind:href="'https://github.com/citation-file-format/citation-file-format/blob/main/schema-guide.md#' + section">
+    <a v-bind:href="'https://github.com/citation-file-format/citation-file-format/blob/1.2.0/schema-guide.md' + anchor">
         <q-icon name="ion-information-circle-outline" />
     </a>
 </template>
@@ -10,7 +10,7 @@ import { defineComponent } from 'vue'
 export default defineComponent({
     name: 'SchemaInfoIcon',
     props: {
-        section: {
+        anchor: {
             type: String,
             required: true
         }

src/components/ScreenAbstract.vue

@@ -13,7 +13,7 @@
         <div id="form-content">
             <p class="question">
                 What is the abstract of the work?
-                <SchemaInfoIcon section="abstract" />
+                <SchemaInfoIcon anchor="#abstract" />
             </p>
             <q-input
                 autogrow

src/components/ScreenAuthors.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 Who are the author(s) of the work?
-                <SchemaInfoIcon section="authors" />
+                <SchemaInfoIcon anchor="#authors" />
             </p>
             <div class="scroll-to-bottom-container">
                 <span class="bottom" />

src/components/ScreenIdentifiers.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 What persistent identifiers are available for the work?
-                <SchemaInfoIcon section="identifiers" />
+                <SchemaInfoIcon anchor="#identifiers" />
             </p>
             <div class="scroll-to-bottom-container">
                 <span class="bottom" />

src/components/ScreenKeywords.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 What keywords describe the work?
-                <SchemaInfoIcon section="keywords" />
+                <SchemaInfoIcon anchor="#keywords" />
             </p>
             <div class="scroll-to-bottom-container">
                 <span class="bottom" />

src/components/ScreenLicense.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 What is the license of the work?
-                <SchemaInfoIcon section="license" />
+                <SchemaInfoIcon anchor="#license" />
             </p>
             <q-select
                 bg-color="white"

src/components/ScreenRelatedResources.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 What is the URL of the work in a source code repository?
-                <SchemaInfoIcon section="repository-code" />
+                <SchemaInfoIcon anchor="#repository-code" />
             </p>
             <q-input
                 bg-color="white"
@@ -27,7 +27,7 @@
 
             <p class="question">
                 What is the URL of a landing page/website for the work?
-                <SchemaInfoIcon section="url" />
+                <SchemaInfoIcon anchor="#url" />
             </p>
             <q-input
                 bg-color="white"
@@ -42,7 +42,7 @@
 
             <p class="question">
                 What is the URL of the work in a repository?
-                <SchemaInfoIcon section="repository" />
+                <SchemaInfoIcon anchor="#repository" />
             </p>
             <q-input
                 bg-color="white"
@@ -57,7 +57,7 @@
 
             <p class="question">
                 What is the URL of the work in a build artifact/binary repository?
-                <SchemaInfoIcon section="repository-artifact" />
+                <SchemaInfoIcon anchor="#repository-artifact" />
             </p>
             <q-input
                 bg-color="white"

src/components/ScreenStart.vue

@@ -13,7 +13,7 @@
         <div id="form-content">
             <p class="question">
                 What is the title of the work?
-                <SchemaInfoIcon section="title" />
+                <SchemaInfoIcon anchor="#title" />
             </p>
             <q-input
                 bg-color="white"
@@ -27,7 +27,7 @@
             />
             <p class="question">
                 What do you want citers to do with the information provided in your CITATION.cff file?
-                <SchemaInfoIcon section="message" />
+                <SchemaInfoIcon anchor="#message" />
             </p>
             <q-input
                 bg-color="white"
@@ -62,7 +62,7 @@
             </q-input>
             <p class="question">
                 What type of work does this CITATION.cff describe?
-                <SchemaInfoIcon section="type" />
+                <SchemaInfoIcon anchor="#type" />
             </p>
             <q-option-group
                 type="radio"

src/components/ScreenVersionSpecific.vue

@@ -12,7 +12,7 @@
         <div id="form-content">
             <p class="question">
                 What is the commit identifier of the work?
-                <SchemaInfoIcon section="commit" />
+                <SchemaInfoIcon anchor="#commit" />
             </p>
             <q-input
                 bg-color="white"
@@ -25,7 +25,7 @@
 
             <p class="question">
                 What is the version of the work?
-                <SchemaInfoIcon section="version" />
+                <SchemaInfoIcon anchor="#version" />
             </p>
             <q-input
                 bg-color="white"
@@ -38,7 +38,7 @@
 
             <p class="question">
                 When was the version released?
-                <SchemaInfoIcon section="date-released" />
+                <SchemaInfoIcon anchor="#date-released" />
             </p>
             <q-input
                 bg-color="white"