Remove need to inject root context into the component

Demivan · Demivan · commit 43e693461c4d · 2023-06-14T19:25:50.000+03:00
diff --git a/src/index.ts b/src/index.ts
@@ -92,7 +92,7 @@ export function createFluentVue(options: FluentVueOptions): FluentVue {
         vue2.directive(resolvedOptions.directiveName, createVue2Directive(rootContext))
       }
 
-      (vue as Vue).component(resolvedOptions.componentName, createComponent(resolvedOptions))
+      (vue as Vue).component(resolvedOptions.componentName, createComponent(resolvedOptions, rootContext))
     },
   }
 }
diff --git a/src/vue/component.ts b/src/vue/component.ts
@@ -4,16 +4,15 @@ import {
   defineComponent,
   getCurrentInstance,
   h,
-  inject,
   isVue2,
 } from 'vue-demi'
 import type { ResolvedOptions, SimpleNode } from 'src/types'
 import type { VueComponent } from 'src/types/typesCompat'
 
 import { camelize } from '../util/camelize'
 import { getContext } from '../getContext'
-import { RootContextSymbol } from '../symbols'
-import { assert, warn } from '../util/warn'
+import { warn } from '../util/warn'
+import type { TranslationContext } from '../TranslationContext'
 
 function getParentWithFluent(
   instance: VueComponent | null | undefined,
@@ -31,7 +30,7 @@ function getParentWithFluent(
 // &amp;, &#0038;, &#x0026;.
 const reMarkup = /<|&#?\w+;/
 
-export function createComponent(options: ResolvedOptions) {
+export function createComponent(options: ResolvedOptions, rootContext: TranslationContext) {
   return defineComponent({
     name: options.componentName,
     props: {
@@ -42,8 +41,6 @@ export function createComponent(options: ResolvedOptions) {
       noTag: { type: Boolean, default: false },
     },
     setup(props, { slots, attrs }) {
-      const rootContext = inject(RootContextSymbol)
-      assert(rootContext != null, 'i18n component used without installing plugin')
       const instance = getCurrentInstance()
       const parent = getParentWithFluent(instance?.proxy)
       const fluent = getContext(rootContext, parent)

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export function createFluentVue(options: FluentVueOptions): FluentVue {`
`92`	`92`	`vue2.directive(resolvedOptions.directiveName, createVue2Directive(rootContext))`
`93`	`93`	`}`
`94`	`94`
`95`		`- (vue as Vue).component(resolvedOptions.componentName, createComponent(resolvedOptions))`
	`95`	`+ (vue as Vue).component(resolvedOptions.componentName, createComponent(resolvedOptions, rootContext))`
`96`	`96`	`},`
`97`	`97`	`}`
`98`	`98`	`}`