vue3-highlight/src/init-data.ts

### 功能介绍 > 实现了一个句子根据查询字词进行高亮显示的功能，查询的字词的输入格式为数组（为了 > 兼容分词查询功能），根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和 > v-text，而不是v-html进行高亮字词的展示，减少XSS攻击的风险

import { initData } from './ts/highlight';
// 保存的初始值
// eslint-disable-next-line import/no-mutable-exports
export let init: initData = {
  /*
  * 作用：组件的自定义类名
  * 类型：数组或者字符串
  * */
  class: undefined,
  /*
  * 作用：组件的自定义样式
  * 类型：对象
  * */
  style: undefined,
  /*
  * 作用：匹配字符的类名
  * 类型：字符串
  * 默认值：highlight
  * */
  selectedClass: 'highlight',
};

// 设置初始值
export function setInit(json: initData) {
  init = { ...init, ...json };
}