Access imported variable in JS context instead of within Vue template body

Author: eecavanna

web/src/components/Presentation/OrcidId.vue

@@ -20,14 +20,18 @@ export default defineComponent({
       type: Boolean,
       required: true,
     },
+    orcidBaseUrl: {
+      type: String,
+      default: ORCID_BASE_URL,
+    },
   },
 });
 </script>
 
 <template>
   <div :style="{display: 'flex'}">
     <a
-      :href="`${ORCID_BASE_URL}/${orcidId}`"
+      :href="`${orcidBaseUrl}/${orcidId}`"
       :style="{display: 'flex'}"
     >
       <span