<template>
  <span class="openlink" @click="onClickhandle">
    <slot></slot>
  </span>
</template>

<script>
import i18n from "@/i18n";
export default {
  name: "OpenLink",
  props: {
    href: String,
  },
  setup(props) {
    const onClickhandle = () => {
      // You cannot use the a tag directly, you need to call the Go method here to open the link using the default browser.
      // 不能直接使用a标签，需要在这里调用Go方法以使用默认浏览器打开链接。
      console.log(i18n.global.t("global.click-link") + props.href)

      alert(i18n.global.t("global.click-link") + props.href + '\n\n' + i18n.global.t("global.not-supported"))
    }

    return {
      onClickhandle
    }
  }

};
</script>

<style lang="scss">
.openlink {
  cursor: pointer;
  text-decoration: underline;
}
</style>
