mirror of
https://github.com/NotXia/notxia.github.io.git
synced 2025-12-16 11:31:49 +01:00
Add random thing component
This commit is contained in:
32
src/components/easteregg-banner/eggs/Something.vue
Normal file
32
src/components/easteregg-banner/eggs/Something.vue
Normal 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>
|
||||
Reference in New Issue
Block a user