fix(lang): provide lang at app level so that it's available in stores (#586)

Author: brc-dd

lib/composables/Lang.ts

@@ -1,4 +1,4 @@
-import { inject, provide } from 'vue'
+import { type InjectionKey, getCurrentInstance, inject } from 'vue'
 
 export type Lang = 'en' | 'ja'
 
@@ -15,7 +15,7 @@ export interface HasLang {
   lang: Lang
 }
 
-export const SefirotLangKey = 'sefirot-lang-key'
+export const SefirotLangKey: InjectionKey<Lang> = Symbol.for('sefirot-lang-key')
 
 export function useSetupLang(): (user?: HasLang | null) => void {
   const browserLang = useBrowserLang()
@@ -26,7 +26,7 @@ export function useSetupLang(): (user?: HasLang | null) => void {
 }
 
 export function provideLang(lang: Lang) {
-  provide(SefirotLangKey, lang)
+  getCurrentInstance()?.appContext.app.provide(SefirotLangKey, lang)
 }
 
 export function useLang(): Lang {

package.json

@@ -99,7 +99,7 @@
     "dayjs": "^1.11.13",
     "eslint": "8.57.0",
     "fuse.js": "^7.1.0",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "^17.1.8",
     "histoire": "0.16.5",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.1.0",

pnpm-lock.yaml

@@ -70,6 +70,6 @@ describe('components/SInputSelect', async () => {
     })
 
     const selectElement = wrapper.find('select').element
-    expect(selectElement.options[selectElement.selectedIndex].text).toBe('Placeholder')
+    expect(selectElement.selectedOptions[0].text).toBe('Placeholder')
   })
 })