refactor: ♻️ url preview

This commit is contained in:
ThatOneCalculator 2023-06-23 17:40:01 -07:00
parent 25aab24861
commit b6dd48a375
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 5 additions and 4 deletions

View File

@ -44,12 +44,12 @@
height: `${tweetHeight}px`,
}"
:src="`https://platform.twitter.com/embed/index.html?embedId=${embedId}&hideCard=false&hideThread=false&lang=en&theme=${
$store.state.darkMode ? 'dark' : 'light'
defaultStore.state.darkMode ? 'dark' : 'light'
}&id=${tweetId}`"
></iframe>
</div>
<div v-else v-size="{ max: [400, 350] }" class="mk-url-preview" @click.stop>
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<transition :name="defaultStore.state.animation ? 'zoom' : ''" mode="out-in">
<component
:is="self ? 'MkA' : 'a'"
v-if="!fetching"
@ -76,7 +76,7 @@
</div>
<article>
<header>
<h1 :title="title">{{ title }}</h1>
<h1 :title="title || undefined">{{ title }}</h1>
</header>
<p v-if="description" :title="description">
{{
@ -87,7 +87,7 @@
</p>
<footer>
<img v-if="icon" class="icon" :src="icon" />
<p :title="sitename">{{ sitename }}</p>
<p :title="sitename || undefined">{{ sitename }}</p>
</footer>
</article>
</component>
@ -106,6 +106,7 @@ import { onMounted, onUnmounted } from "vue";
import { url as local, lang } from "@/config";
import { i18n } from "@/i18n";
import MkButton from "@/components/MkButton.vue";
import { defaultStore } from "@/store";
const props = withDefaults(
defineProps<{