fix: URLプレビューが表示されないのを修正 (#12222)

* プレビューが表示されないのを修正

* 修正

* Update packages/frontend/src/components/MkUrlPreview.vue

---------

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
This commit is contained in:
ikasoba 2023-11-03 19:44:17 +09:00 committed by GitHub
parent 8ddbe91462
commit 8366984b2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:style="player.width ? `padding: ${(player.height || 0) / player.width * 100}% 0 0` : `padding: ${(player.height || 0)}px 0 0`" :style="player.width ? `padding: ${(player.height || 0) / player.width * 100}% 0 0` : `padding: ${(player.height || 0)}px 0 0`"
> >
<iframe <iframe
v-if="player.url.startsWith('http://') || player.url.startsWith('https://')" v-if="player.url?.startsWith('http://') || player.url?.startsWith('https://')"
sandbox="allow-popups allow-scripts allow-storage-access-by-user-activation allow-same-origin" sandbox="allow-popups allow-scripts allow-storage-access-by-user-activation allow-same-origin"
scrolling="no" scrolling="no"
:allow="player.allow.join(';')" :allow="player.allow.join(';')"
@ -118,11 +118,12 @@ let description = $ref<string | null>(null);
let thumbnail = $ref<string | null>(null); let thumbnail = $ref<string | null>(null);
let icon = $ref<string | null>(null); let icon = $ref<string | null>(null);
let sitename = $ref<string | null>(null); let sitename = $ref<string | null>(null);
let player = $ref({ let player = $ref<SummalyResult['player']>({
url: null, url: null,
width: null, width: null,
height: null, height: null,
} as SummalyResult['player']); allow: [],
});
let playerEnabled = $ref(false); let playerEnabled = $ref(false);
let tweetId = $ref<string | null>(null); let tweetId = $ref<string | null>(null);
let tweetExpanded = $ref(props.detail); let tweetExpanded = $ref(props.detail);