21 lines
560 B
Vue
21 lines
560 B
Vue
<script setup lang="ts">
|
|
import { ContentWrap } from '@/components/ContentWrap'
|
|
import { useI18n } from '@/hooks/web/useI18n'
|
|
import { Highlight } from '@/components/Highlight'
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const keyClick = (key: string) => {
|
|
ElMessage.info(key)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<ContentWrap :title="t('highlightDemo.highlight')">
|
|
<Highlight :keys="[t('highlightDemo.keys1'), t('highlightDemo.keys2')]" @click="keyClick">
|
|
{{ t('highlightDemo.message') }}
|
|
</Highlight>
|
|
</ContentWrap>
|
|
</template>
|