Add random thing component

This commit is contained in:
2023-02-23 20:51:32 +01:00
parent 457bc459f2
commit bc21d3364b
7 changed files with 84 additions and 1 deletions

View File

@ -0,0 +1,32 @@
<template>
<div class="flex text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img :src="image" alt="" class="h-full w-full" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ t("title") }}</p>
<p>{{ t("description") }}</p>
</div>
</div>
</template>
<script setup lang="ts">
import { useI18n } from "vue-i18n";
import image from "@/assets/images/sad.png";
const { t } = useI18n({ messages: {
"en": {
"title": "You didn't like that?",
"description": "I hope this one is better"
},
"it": {
"title": "Non ti piaceva?",
"description": "Spero che questo sia meglio"
}
} });
</script>