ADD: Calendar links

components/Button/Button.vue

@@ -1,15 +1,29 @@
 <style scoped src="./Button.css"/>
 
 <template>
-  <button :label="label" class="Button">
+  <component :is="type" v-bind="actualProps()" class="Button">
     {{ label }}
-  </button>
+  </component>
 </template>
 
 <script setup lang="ts">
+
 type Props = {
+  type ?: 'a' | 'button'
+  href ?: string
   label : string
 }
 
-defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  type : 'a'
+})
+
+const actualProps = () => {
+  if (props.type === 'a') {
+    return {
+      href: props.href,
+      target: props.href!.startsWith('https://') ? '_blank' : undefined,
+    }
+  }
+}
 </script>