52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
|
<!--
|
||
|
|
SPDX-FileCopyrightText: syuilo and misskey-project
|
||
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
||
|
|
-->
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<render/>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts" generic="T extends string | ParameterizedString">
|
||
|
|
import { computed, h } from 'vue';
|
||
|
|
import type { ParameterizedString } from '../../../../locales/index.js';
|
||
|
|
|
||
|
|
const props = withDefaults(defineProps<{
|
||
|
|
src: T;
|
||
|
|
tag?: string;
|
||
|
|
// eslint-disable-next-line vue/require-default-prop
|
||
|
|
textTag?: string;
|
||
|
|
}>(), {
|
||
|
|
tag: 'span',
|
||
|
|
});
|
||
|
|
|
||
|
|
const slots = defineSlots<T extends ParameterizedString<infer R> ? { [K in R]: () => unknown } : NonNullable<unknown>>();
|
||
|
|
|
||
|
|
const parsed = computed(() => {
|
||
|
|
let str = props.src as string;
|
||
|
|
const value: (string | { arg: string; })[] = [];
|
||
|
|
for (;;) {
|
||
|
|
const nextBracketOpen = str.indexOf('{');
|
||
|
|
const nextBracketClose = str.indexOf('}');
|
||
|
|
|
||
|
|
if (nextBracketOpen === -1) {
|
||
|
|
value.push(str);
|
||
|
|
break;
|
||
|
|
} else {
|
||
|
|
if (nextBracketOpen > 0) value.push(str.substring(0, nextBracketOpen));
|
||
|
|
value.push({
|
||
|
|
arg: str.substring(nextBracketOpen + 1, nextBracketClose),
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
str = str.substring(nextBracketClose + 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
return value;
|
||
|
|
});
|
||
|
|
|
||
|
|
const render = () => {
|
||
|
|
return h(props.tag, parsed.value.map(x => typeof x === 'string' ? (props.textTag ? h(props.textTag, x) : x) : slots[x.arg]()));
|
||
|
|
};
|
||
|
|
</script>
|