Merge remote-tracking branch 'origin/dev' into highlight-duplicate-author

Author: jspaaks

.eslintrc.js

@@ -73,6 +73,7 @@ module.exports = {
   rules: {
     'vue/v-on-style': ['error', 'longform'],
     'vue/v-bind-style': ['error', 'longform'],
+    'vue/v-slot-style': ['error', 'longform'],
     'vue/no-unused-properties': ['error', {
         'groups': ['props', 'data', 'computed', 'methods', 'setup'],
         'deepData': true,

src/components/AuthorCardEditing.vue

@@ -153,22 +153,6 @@
         </div>
 
         <q-card-actions align="right">
-            <q-btn
-                color="blue"
-                dense
-                v-bind:disable="index == 0"
-                icon="ion-arrow-up"
-                tabindex="-1"
-                v-on:click="$emit('moveUp')"
-            />
-            <q-btn
-                color="blue"
-                dense
-                v-bind:disable="index >= numAuthors - 1"
-                icon="ion-arrow-down"
-                tabindex="-1"
-                v-on:click="$emit('moveDown')"
-            />
             <q-btn
                 color="negative"
                 dense
@@ -227,10 +211,6 @@ export default defineComponent({
         orcid: {
             type: String,
             default: ''
-        },
-        numAuthors: {
-            type: Number,
-            default: 0
         }
     },
     setup (props) {
@@ -254,7 +234,7 @@ export default defineComponent({
             orcidErrors
         }
     },
-    emits: ['closePressed', 'removePressed', 'update', 'moveUp', 'moveDown'],
+    emits: ['closePressed', 'removePressed', 'update'],
     components: { SchemaGuideLink }
 })
 </script>

src/components/Footer.vue

@@ -11,7 +11,7 @@
                 <img src="~assets/nlesc-logo.svg">
             </a>
         </div>
-        <span class="col text-right text-white text-body1 text-bold">
+        <span class="col text-right text-white text-body1">
             Version 2.0.1
         </span>
     </div>

src/components/IdentifierCardEditing.vue

@@ -55,22 +55,6 @@
             </div>
         </q-card-section>
         <q-card-actions align="right">
-            <q-btn
-                dense
-                color="blue"
-                v-bind:disable="index == 0"
-                icon="ion-arrow-up"
-                tabindex="-1"
-                v-on:click="$emit('moveUp')"
-            />
-            <q-btn
-                dense
-                color="blue"
-                v-bind:disable="index >= numIdentifiers - 1"
-                icon="ion-arrow-down"
-                tabindex="-1"
-                v-on:click="$emit('moveDown')"
-            />
             <q-btn
                 color="negative"
                 dense
@@ -113,10 +97,6 @@ export default defineComponent({
         description: {
             type: String,
             default: ''
-        },
-        numIdentifiers: {
-            type: Number,
-            default: 0
         }
     },
     components: {
@@ -155,9 +135,7 @@ export default defineComponent({
         'removePressed',
         'updateType',
         'updateValue',
-        'updateDescription',
-        'moveUp',
-        'moveDown'
+        'updateDescription'
     ]
 })
 </script>

src/components/LayoutLanding.vue

@@ -47,7 +47,7 @@
                     />
                 </div>
             </div>
-            <span class="text-right text-black text-body1 text-bold">
+            <span class="text-right text-black text-body1">
                 Version 2.0.1
             </span>
         </div>

src/components/ScreenAuthors.vue

@@ -34,13 +34,10 @@
                         <AuthorCardEditing
                             v-else
                             v-bind:index="index"
-                            v-bind:num-authors="authors.length"
                             v-bind="author"
                             v-on:update="setAuthorField"
                             v-on:closePressed="() => (editingId = -1)"
                             v-on:removePressed="removeAuthor"
-                            v-on:moveDown="moveAuthorDown(index)"
-                            v-on:moveUp="moveAuthorUp(index)"
                         />
                     </div>
                 </div>

src/components/ScreenIdentifiers.vue

@@ -35,14 +35,11 @@
                             v-else
                             v-bind:index="index"
                             v-bind="identifier"
-                            v-bind:num-identifiers="identifiers.length"
                             v-on:updateType="setIdentifierTypeField"
                             v-on:updateValue="setIdentifierValueField"
                             v-on:updateDescription="setIdentifierDescriptionField"
                             v-on:closePressed="() => (editingId = -1)"
                             v-on:removePressed="removeIdentifier"
-                            v-on:moveDown="moveIdentifierDown(index)"
-                            v-on:moveUp="moveIdentifierUp(index)"
                         />
                     </div>
                 </div>

src/components/ScreenLicense.vue

@@ -29,7 +29,7 @@
                 v-on:filter="licenseFilterFunction"
                 v-on:update:model-value="setLicense"
             >
-                <template #no-option>
+                <template v-slot:no-option>
                     <q-item>
                         <q-item-section class="text-grey">
                             No results

src/components/ScreenStart.vue

@@ -41,7 +41,7 @@
                 v-on:new-value="setMessage"
                 v-on:update:modelValue="setMessage"
             >
-                <template #append>
+                <template v-slot:append>
                     <q-btn-dropdown
                         class="dropdown"
                         flat

src/components/ScreenVersionSpecific.vue

@@ -55,7 +55,7 @@
                 v-bind:error-message="dateReleasedErrors.join(', ')"
                 v-on:update:modelValue="setDateReleased"
             >
-                <template #append>
+                <template v-slot:append>
                     <q-icon
                         name="event"
                         class="cursor-pointer"