翻訳の改行の扱いについて (pre-wrap or <br>)

[tamaina]

しゅいろがドライブのtipを追加したときにMkInfoからpre-wrapが外されてるけど、

c99f4dc#r164507198

移行のMkInfoはpre-wrap前提で書いてあるので壊れてしまった。

どっちかに寄せるべき？

[kakkokari-gtyih]

MkInfoにpre-wrapを指定してしまうとMkInfoに何らかのHTML要素（単純なテキストではないものや、何らかの装飾を伴ったテキストを含む要素など）を入れたときにスタイルが壊れる可能性があるので、内部に改行を含む翻訳テキストが入ることがわかっている場合は都度pre-wrapを指定した要素でテキストをwrapして対応でよさそう

[tamaina]

<br>を使うには「v-htmlにしてHTML要素が入ることを明示する」必要があるので、むしろ、定位をpre-wrapにして、v-htmlと同時にMkInfoにnowrapを指定してpre-wrapを解除させるとかの方がいいのではないかしら

[kakkokari-gtyih]

どちらにせよ翻訳テキスト内に <br> を含めるのは避けたいわね（トラブル防止のため）

[kakkokari-gtyih]

具体的にはこんな感じのを想定していた

<template>
    <MkInfo><div class="_pre_wrap">{{ i18n.ts.textWithLineBreaks }}</div></MkInfo>
</template>

<script setup>
import MkInfo from '@/components/MkInfo.vue';
import { i18n } from '@/i18n.js';
</script>

[tamaina]

どちらにせよ翻訳テキスト内に<br>を含めるのは避けたいわね

(じゃあより一層pre-wrap定位でいいのでは)

v-htmlと同時にMkInfoにnowrapを指定してpre-wrapを解除させるとかの方がいいのではないかしら

<template>
    <MkInfo nowrap><div v-text="i18n.ts.textHtml"></div></MkInfo>
</template>

<script setup>
import MkInfo from '@/components/MkInfo.vue';
import { i18n } from '@/i18n.js';
</script>