Welcome to the forum, ladopixel!
It is not possible to put a link in the notifications. You have two solutions: either you create your own GUI inspired by the existing one or you overload the existing GUI. Here is an explanation:
- In the modules folder, create a new module (for example "notification") with two files (index.ts and notification.vue)
notification.vue
<template>
<div class="alert-panel" :class="position">
<div class="alert" :class="{ show, [position]: true, [type]: true }">
<div class="icon" v-if="image"><img :src="image"></div>
<span class="msg" v-html="message"></span>
</div>
</div>
</template>
<script>
import notification from '@rpgjs/default-gui/src/notifications/alert.vue'
export default notification
</script>
To display the message, I used v-htmldirective which will allow to put links
index.ts
import { RpgClient, RpgModule } from '@rpgjs/client';
import NotificationGui from './notification.vue'
@RpgModule<RpgClient>({
gui: [NotificationGui]
})
export default class RpgClientModuleEngine {}
- In the
src/modules/index.ts file, add your module after defaultGui module (to override it)
import main from './main'
import defaultGui from '@rpgjs/default-gui'
import notificationModule from 'client!./notification'
export default [
main,
defaultGui,
notificationModule
]
I inform that only the client takes into account the module during the import with client!
Usage
Example (server side)
player.showNotification('You have unlocked the <a href="https://mysite.com">secret passage</a>')