summaryrefslogtreecommitdiff
path: root/packages/frontend-embed
diff options
context:
space:
mode:
authorかっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>2026-01-16 22:42:08 +0900
committerGitHub <noreply@github.com>2026-01-16 22:42:08 +0900
commit389861f1da42e66fe52fe5d33ba4ade35aa16f23 (patch)
tree4ceb4825d8db5b1525774e8149319701ce612765 /packages/frontend-embed
parentenhance(dev): メモリ使用量比較のActionsでGCしてから取得する (diff)
downloadmisskey-389861f1da42e66fe52fe5d33ba4ade35aa16f23.tar.gz
misskey-389861f1da42e66fe52fe5d33ba4ade35aa16f23.tar.bz2
misskey-389861f1da42e66fe52fe5d33ba4ade35aa16f23.zip
refactor(frontend): fix invalid self-closing tags (#17103)
* fix(frontend): fix invalid self-closing tags * apply eslint rules * fix * fix
Diffstat (limited to 'packages/frontend-embed')
-rw-r--r--packages/frontend-embed/eslint.config.js10
-rw-r--r--packages/frontend-embed/src/components/EmAvatar.vue12
-rw-r--r--packages/frontend-embed/src/components/EmImgWithBlurhash.vue2
3 files changed, 16 insertions, 8 deletions
diff --git a/packages/frontend-embed/eslint.config.js b/packages/frontend-embed/eslint.config.js
index 63767cfb3c..d1ca70617b 100644
--- a/packages/frontend-embed/eslint.config.js
+++ b/packages/frontend-embed/eslint.config.js
@@ -144,7 +144,15 @@ export default [
'vue/return-in-computed-property': 'warn',
'vue/no-setup-props-reactivity-loss': 'warn',
'vue/max-attributes-per-line': 'off',
- 'vue/html-self-closing': 'off',
+ 'vue/html-self-closing': ['error', {
+ html: {
+ void: 'any',
+ normal: 'never',
+ component: 'any',
+ },
+ svg: 'any',
+ math: 'any',
+ }],
'vue/singleline-html-element-content-newline': 'off',
'vue/v-on-event-hyphenation': ['error', 'never', {
autofix: true,
diff --git a/packages/frontend-embed/src/components/EmAvatar.vue b/packages/frontend-embed/src/components/EmAvatar.vue
index 58c35c8ef0..3f91e14403 100644
--- a/packages/frontend-embed/src/components/EmAvatar.vue
+++ b/packages/frontend-embed/src/components/EmAvatar.vue
@@ -9,16 +9,16 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="user.isCat" :class="[$style.ears]">
<div :class="$style.earLeft">
<div v-if="false" :class="$style.layer">
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
</div>
</div>
<div :class="$style.earRight">
<div v-if="false" :class="$style.layer">
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
- <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"/>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
+ <div :class="$style.plot" :style="{ backgroundImage: `url(${JSON.stringify(url)})` }"></div>
</div>
</div>
</div>
diff --git a/packages/frontend-embed/src/components/EmImgWithBlurhash.vue b/packages/frontend-embed/src/components/EmImgWithBlurhash.vue
index 71f0ee9294..be18ce79d5 100644
--- a/packages/frontend-embed/src/components/EmImgWithBlurhash.vue
+++ b/packages/frontend-embed/src/components/EmImgWithBlurhash.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div ref="root" :class="['chromatic-ignore', $style.root, { [$style.cover]: cover }]" :title="title ?? ''">
- <canvas v-show="hide" key="canvas" ref="canvas" :class="$style.canvas" :width="canvasWidth" :height="canvasHeight" :title="title ?? undefined" tabindex="-1"/>
+ <canvas v-show="hide" key="canvas" ref="canvas" :class="$style.canvas" :width="canvasWidth" :height="canvasHeight" :title="title ?? undefined" tabindex="-1"></canvas>
<img v-show="!hide" key="img" ref="img" :height="imgHeight ?? undefined" :width="imgWidth ?? undefined" :class="$style.img" :src="src ?? undefined" :title="title ?? undefined" :alt="alt ?? undefined" loading="eager" decoding="async" tabindex="-1"/>
</div>
</template>