fix: inherit warn html message setting option (#856)

* fix: inherit warn html message setting option

closes #853

* fix: lint errors

Author: kazupon

packages/vue-i18n-core/src/composer.ts

@@ -1847,9 +1847,12 @@ export function createComposer(options: any = {}, VueI18nLegacy?: any): any {
     ? options.postTranslation
     : null
 
-  let _warnHtmlMessage = isBoolean(options.warnHtmlMessage)
-    ? options.warnHtmlMessage
-    : true
+  // prettier-ignore
+  let _warnHtmlMessage = __root
+    ? __root.warnHtmlMessage
+    : isBoolean(options.warnHtmlMessage)
+      ? options.warnHtmlMessage
+      : true
 
   let _escapeParameter = !!options.escapeParameter
 

packages/vue-i18n-core/test/issues.test.ts

@@ -314,9 +314,96 @@ test('issue #819: v-for', async () => {
   )
 })
 
+describe('issue #853', () => {
+  test('legacy', async () => {
+    const mockWarn = warn as jest.MockedFunction<typeof warn>
+    mockWarn.mockImplementation(() => {}) // eslint-disable-line @typescript-eslint/no-empty-function
+
+    const i18n = createI18n({
+      locale: 'en',
+      fallbackLocale: 'en',
+      warnHtmlInMessage: 'off',
+      messages: {
+        en: {
+          hello: '<p>hello</p>'
+        }
+      }
+    })
+
+    const Child = defineComponent({
+      i18n: {
+        messages: {
+          en: { child: '<p>child</p>' }
+        }
+      },
+      template: `<div v-html="$t('child')"></div>`
+    })
+
+    const App = defineComponent({
+      components: {
+        Child
+      },
+      template: `
+        <div>
+          <Child />
+          <div v-html="$t('hello')"></div>
+        </div>`
+    })
+
+    await mount(App, i18n)
+
+    expect(mockWarn).toHaveBeenCalledTimes(0)
+  })
+
+  test('compostion', async () => {
+    const mockWarn = warn as jest.MockedFunction<typeof warn>
+    mockWarn.mockImplementation(() => {}) // eslint-disable-line @typescript-eslint/no-empty-function
+
+    const i18n = createI18n({
+      legacy: false,
+      locale: 'en',
+      fallbackLocale: 'en',
+      globalInjection: true,
+      warnHtmlMessage: false,
+      messages: {
+        en: {
+          hello: '<p>hello</p>'
+        }
+      }
+    })
+
+    const Child = defineComponent({
+      setup() {
+        const { t } = useI18n({
+          messages: {
+            en: { child: '<p>child</p>' }
+          }
+        })
+        return { t }
+      },
+      template: `<div v-html="t('child')"></div>`
+    })
+
+    const App = defineComponent({
+      components: {
+        Child
+      },
+      template: `
+        <div>
+          <Child />
+          <div v-html="$t('hello')"></div>
+        </div>`
+    })
+
+    await mount(App, i18n)
+
+    expect(mockWarn).toHaveBeenCalledTimes(0)
+  })
+})
+
 test('issue #854', async () => {
   const mockWarn = warn as jest.MockedFunction<typeof warn>
-  mockWarn.mockImplementation(() => {})
+  mockWarn.mockImplementation(() => {}) // eslint-disable-line @typescript-eslint/no-empty-function
 
   const i18n = createI18n({
     legacy: false,