natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/client/src/components/MkUrlPreview.vue
View File

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