import { Meta , Story } from '@storybook/vue3' ; import DiscordMention from './DiscordMention.vue' ; import DiscordMessage from './DiscordMessage.vue' ; import DiscordMessages from './DiscordMessages.vue' ; export default { title : 'DiscordMention' , component : DiscordMention , argTypes : { roleColor : { control : 'color' , } , type : { control : { type : 'select' , options : [ 'channel' , 'role' , 'user' ] , } , } , } , } as Meta ; const Template = args => ( { components : { DiscordMention , DiscordMessage , DiscordMessages , } , setup ( ) { return { args , } ; } , template : `
		<discord-messages>
			<discord-message>Hello <discord-mention v-bind="args" /></discord-message>
		</discord-messages>
	` , } ) ; export const Default = Template . bind ( { } ) ; export const Highlight = Template . bind ( { } ) ; Highlight . args = { highlight : true , } ; export const Channel = Template . bind ( { } ) ; Channel . args = { type : 'channel' , } ; export const Profile = Template . bind ( { } ) ; Profile . args = { profile : 'sanc' , } ; export const Role = Template . bind ( { } ) ; Role . args = { type : 'role' , } ; export const RoleColor = Template . bind ( { } ) ; RoleColor . args = { ... Role . args , roleColor : '#0099ff' , } ; export const User = Template . bind ( { } ) ; User . args = { type : 'user' , } ;