jointrashposs/components/content/ProseA.vue
かっこかり 4222a8f21b
feat: 🐙 (#117)
* 関西弁

* try updating deps

* Revert "try updating deps"

This reverts commit d20bedb5cb.

* fix

* fix

* Update trs

* tweak

* 修正
2024-02-09 19:39:01 +09:00

67 lines
2.2 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script setup lang="ts">
import MiIco from '@/assets/svg/misskey_mi_bi.svg';
import ExtIco from 'bi/box-arrow-up-right.svg';
import { parseURL, isRelative, joinURL } from 'ufo';
import { isLocalPath, sanitizeInternalPath } from '@/assets/js/misc';
const runtimeConfig = useRuntimeConfig();
const rootDomain = parseURL(runtimeConfig.public.baseUrl);
const { locale } = useI18n();
const { resolve } = useRouter();
const route = useRoute();
const localePath = useGLocalePath();
const props = defineProps({
href: {
type: String,
default: ''
},
target: {
type: String,
default: undefined,
required: false
},
})
const realHref = ref(props.href);
const realTarget = ref(props.target);
const url = parseURL(realHref.value);
let pathDetermined = false;
if (isLocalPath(realHref.value)) {
// 相対パスの場合trailing slashがあるのでつくり下げる
if (isRelative(realHref.value) && route.meta.__isDocsIndexPage !== true) {
realHref.value = joinURL('../', realHref.value.replace(/^\.\//, ''));
const resolved = resolve(realHref.value);
if (resolved.name && resolved.name.toString().includes('___')) {
// 相対パスがすでにローカライズされたパスの場合は以降の処理をスキップ
pathDetermined = true;
}
}
if (!pathDetermined) {
// 内部リンクの場合
if (/^\/[a-z]{2}\//.test(realHref.value)) {
realHref.value = sanitizeInternalPath(realHref.value);
} else {
// 渡されたパスがローカライズされたルートでない場合はローカライズされたパスを返す
realHref.value = sanitizeInternalPath(localePath(resolve(realHref.value).fullPath));
}
}
if (locale.value === 'ja-ks') {
realHref.value = realHref.value.replace('/ja/', '/ja-ks/');
}
} else if (rootDomain.host !== url.host) {
realTarget.value = '_blank';
}
</script>
<template>
<GNuxtLink :href="realHref" :target="realTarget">
<slot></slot>
<MiIco v-if="realHref.startsWith('x-mi-web://')" class="text-xs mx-1" />
<ExtIco v-else-if="realTarget === '_blank'" class="text-xs mx-1" />
</GNuxtLink>
</template>