Merge pull request #16 from motea927/dev

fix: fix plugins dts error

packages/core/index.d.ts

@@ -0,0 +1,7 @@
+import type { BindingObj, BindingI18nObj } from './shared'
+declare module '@vue/runtime-core' {
+  export interface ComponentCustomProperties {
+    $i18nHtml: (binding: string | BindingI18nObj) => string
+    $safeHtml: (binding: string | BindingObj) => string
+  }
+}

packages/core/plugins.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue'
 import { useI18n } from 'vue-i18n'
-import type { Options, BindingObj } from './shared'
+import type { Options, BindingObj, BindingI18nObj } from './shared'
 import {
   setGlobalOptions,
   getBindingValue,
@@ -10,7 +10,7 @@ import {
 } from './shared'
 
 const generateHtml =
-  (getContentText: (binding: string | BindingObj) => string) =>
+  (getContentText: (binding: string | BindingObj | BindingI18nObj) => string) =>
   (binding: string | BindingObj): string => {
     if (!binding) return ''
 

packages/core/shared.ts

@@ -17,6 +17,10 @@ export type BindingObj = {
   htmlString: string | (() => string)
 } & Options
 
+export type BindingI18nObj = Omit<BindingObj, 'htmlString'> & {
+  htmlString: string
+}
+
 const globalOptions = ref<Options | undefined>()
 
 export function getDefaultString(

playgrounds/App.vue

@@ -40,6 +40,7 @@
     <div>
       <h2>i18n</h2>
       <p v-html="$safeHtml(`<p style='color: red;'>123</p>`)"></p>
+      <p v-html="$t('message')"></p>
       <button @click="handleClickChangeMessage">change message</button>
     </div>
   </div>

vite.config.ts

@@ -9,9 +9,9 @@ export default defineConfig({
   plugins: [
     vue(),
     dts({
-      include: ['packages/**/*.ts'],
+      include: ['packages/core/*.ts'],
       insertTypesEntry: true,
-      copyDtsFiles: false,
+      copyDtsFiles: true,
       tsConfigFilePath: './tsconfig.app.json'
     })
   ],