Files
habitica/website/client/src/components/header/notifications/newMysteryItems.vue
Phillip Thelen aa9b1b2cac More Sprites (#15400)
* remove need for quest_ notif_ and inventory_quest_ in css

* fix test
2025-03-11 16:48:19 -05:00

42 lines
800 B
Vue

<template>
<base-notification
:can-remove="canRemove"
:has-icon="true"
:notification="notification"
:read-after-click="true"
@click="action"
>
<div
slot="content"
v-html="$t('newSubscriberItem')"
></div>
<Sprite
slot="icon"
:image-name="mysteryClass" />
</base-notification>
</template>
<script>
import moment from 'moment';
import BaseNotification from './base';
import Sprite from '@/components/ui/sprite.vue';
export default {
components: {
BaseNotification,
Sprite,
},
props: ['notification', 'canRemove'],
computed: {
mysteryClass () {
return `notif_inventory_present_${moment().format('MM')}`;
},
},
methods: {
action () {
this.$router.push({ name: 'items' });
},
},
};
</script>