mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-10-18 03:12:32 -04:00
53 lines
2.0 KiB
Vue
53 lines
2.0 KiB
Vue
<template>
|
|
<Twemoji>
|
|
<span>
|
|
<strong v-if="opinion === 1">
|
|
<Tooltip :text="$t('profile.opinion.yes')">
|
|
<Icon v="heart" set="s"/>
|
|
</Tooltip>
|
|
<nuxt-link v-if="link" :to="link"><Spelling :escape="escape" :text="word"/></nuxt-link>
|
|
<span v-else><Spelling :escape="escape" :text="word"/></span>
|
|
</strong>
|
|
<span v-else-if="opinion === 2">
|
|
<Tooltip :text="$t('profile.opinion.jokingly')">
|
|
<Icon v="grin-tongue"/>
|
|
</Tooltip>
|
|
<nuxt-link v-if="link" :to="link"><Spelling :escape="escape" :text="word"/></nuxt-link>
|
|
<span v-else><Spelling :escape="escape" :text="word"/></span>
|
|
</span>
|
|
<span v-else-if="opinion === 3">
|
|
<Tooltip :text="$t('profile.opinion.close')">
|
|
<Icon v="user-friends"/>
|
|
</Tooltip>
|
|
<nuxt-link v-if="link" :to="link"><Spelling :escape="escape" :text="word"/></nuxt-link>
|
|
<span v-else><Spelling :escape="escape" :text="word"/></span>
|
|
</span>
|
|
<span v-else-if="opinion === 0">
|
|
<Tooltip :text="$t('profile.opinion.meh')">
|
|
<Icon v="thumbs-up"/>
|
|
</Tooltip>
|
|
<nuxt-link v-if="link" :to="link"><Spelling :escape="escape" :text="word"/></nuxt-link>
|
|
<span v-else><Spelling :escape="escape" :text="word"/></span>
|
|
</span>
|
|
<span v-else-if="opinion === -1" class="text-muted small">
|
|
<Tooltip :text="$t('profile.opinion.no')">
|
|
<Icon v="thumbs-down"/>
|
|
</Tooltip>
|
|
<nuxt-link v-if="link" :to="link"><Spelling :escape="escape" :text="word"/></nuxt-link>
|
|
<span v-else><Spelling :escape="escape" :text="word"/></span>
|
|
</span>
|
|
</span>
|
|
</Twemoji>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
word: { required: true },
|
|
opinion: { required: true },
|
|
link: {},
|
|
escape: { type: Boolean, 'default': () => true },
|
|
},
|
|
}
|
|
</script>
|