@live-change/vue3-components 0.8.143 → 0.8.145

package/logic/ExternalLink.vue

@@ -0,0 +1,41 @@
+<template>
+  <a target="_blank" :href="href" @click="handleClick">
+    <slot />
+  </a>
+</template>
+
+<script setup>
+
+  import { computed, defineProps, defineEmits, toRefs, ref } from 'vue'
+
+  const props = defineProps({
+    href: {
+      type: String,
+      required: true
+    },
+    analytics: {
+      type: Object
+    }
+  })
+
+  const { href, analytics: analyticsEvent } = toRefs(props)
+
+  import { analytics } from "@live-change/vue3-components"
+
+  function handleClick() {
+    if(analyticsEvent.value) {
+      analytics.emit(analyticsEvent.value.event ?? 'externalLink', {
+        ...analyticsEvent.value,
+        event: undefined,
+        href: href.value
+      })
+    } else {
+      analytics.emit('externalLink', { href: href.value })
+    }
+  }
+
+</script>
+
+<style scoped>
+
+</style>

package/logic/index.js

@@ -2,8 +2,9 @@ import Loading from "./Loading.vue"
 import LoadingZone from "./LoadingZone.vue"
 import WorkingZone from "./WorkingZone.vue"
 import Observe from "./Observe.vue"
+import ExternalLink from "./ExternalLink.vue"
 
-export { Loading, LoadingZone, WorkingZone, Observe }
+export { Loading, LoadingZone, WorkingZone, Observe, ExternalLink }
 
 import { analytics, useAnalytics, installRouterAnalytics } from "./analytics.js"
 export { analytics, useAnalytics, installRouterAnalytics }
@@ -22,6 +23,7 @@ function registerLogicComponents(app) {
   app.component("loading-zone", LoadingZone)
   app.component("working-zone", WorkingZone)
   app.component("observe", Observe)
+  app.component("external-link", ExternalLink)
 }
 
 export { registerLogicComponents }

package/logic/locale.js

@@ -169,7 +169,6 @@ function nonEmptyObject(obj) { /// because command form can add empty objects on
   return obj
 }
 
-
 export function useLocale(context) {
   context = context ?? getCurrentInstance().appContext
   if(!context.config.globalProperties.$locale) {
@@ -177,4 +176,3 @@ export function useLocale(context) {
   }
   return context = context.config.globalProperties.$locale
 }
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.8.143",
+  "version": "0.8.145",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-stack",
   "dependencies": {
-    "@live-change/vue3-ssr": "^0.8.143",
+    "@live-change/vue3-ssr": "^0.8.145",
     "debug": "^4.3.4",
     "mitt": "3.0.1",
     "vue": "^3.4.29"
   },
-  "gitHead": "66b5f7afb324c434fbc61971fa8e3ec8bf9359d0"
+  "gitHead": "fadc33dc99f47714c3d40f2ce1b5cdf3f050a70a"
 }