@sbc-connect/nuxt-base 0.10.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sbc-connect/nuxt-base
 
+## 0.12.0
+
+### Minor Changes
+
+- [#180](https://github.com/bcgov/connect-nuxt/pull/180) [`4e25088`](https://github.com/bcgov/connect-nuxt/commit/4e250886da973eda99044ff1c34383604b05d718) Thanks [@deetz99](https://github.com/deetz99)! - Force type resolutions via nuxt config prepare:types hook.
+
+## 0.11.0
+
+### Minor Changes
+
+- [#178](https://github.com/bcgov/connect-nuxt/pull/178) [`3c8d9bf`](https://github.com/bcgov/connect-nuxt/commit/3c8d9bfdf9147d6fd6ce0dadc4b47f043feb4f4b) Thanks [@deetz99](https://github.com/deetz99)! - Use locale from useI18n instead of $i18n global
+
 ## 0.10.0
 
 ### Minor Changes

package/app/components/Connect/BCGovLogo.vue

@@ -8,11 +8,13 @@ import frSmallLogo from 'BCGovLogoSmFr'
 import enLargeLogo from 'BCGovLogoLgEn'
 // @ts-expect-error - Cannot find module 'BCGovLogoSmEn' or its corresponding type declarations.ts(2307)
 import enSmallLogo from 'BCGovLogoSmEn'
+
+const { locale } = useI18n()
 </script>
 
 <template>
   <!-- use french logo for french locale, any other locale uses english logo -->
-  <div v-if="$i18n.locale === 'fr-CA'" class="shrink-0">
+  <div v-if="locale === 'fr-CA'" class="shrink-0">
     <!-- Using scale because it will increase the size of the image without affecting the container size -->
     <!-- there is a lot of padding on the images, if only the height gets increased,  -->
     <!-- the padding makes the header too tall -->

package/app/components/Connect/Footer.vue

@@ -4,6 +4,7 @@ const uiVersion = rtc.version
 const feesUrl = `${rtc.registryHomeUrl}product-fees`
 const dependencyVersions: string[] = useAppConfig().connect?.footer?.versions || []
 const localePath = useLocalePath()
+const { locale } = useI18n()
 const links = [
   {
     label: 'connect.label.home',
@@ -64,7 +65,7 @@ const appVersions = computed<string[]>(() => {
             ]"
           >
             <NuxtLink
-              :to="link.to === '/' ? `/${$i18n.locale}` : link.to"
+              :to="link.to === '/' ? `/${locale}` : link.to"
               :target="link.target"
               :class="[
                 'rounded p-1 text-sm text-secondary',

package/app/types/base-app-config.d.ts

@@ -1,4 +1,4 @@
-declare module '@nuxt/schema' {
+declare module 'nuxt/schema' {
   interface AppConfigInput {
     connect?: {
       header?: {

package/app/types/base-plugins.d.ts

@@ -0,0 +1,9 @@
+import type DOMPurify from 'dompurify'
+
+declare module '#app' {
+  interface NuxtApp {
+    $sanitize: typeof DOMPurify.sanitize
+  }
+}
+
+export {}

package/nuxt.config.ts

@@ -157,5 +157,17 @@ export default defineNuxtConfig({
         'zod'
       ]
     }
+  },
+
+  // Nuxt 4 tsconfig `references` context workaround for type augmentation
+  // Forces type augmentations into the correct context
+  // https://nuxt.com/docs/4.x/guide/modules/recipes-advanced#extend-typescript-config
+  // Can also force sharedReferences, nodeReferences - and nitro references using the 'nitro:prepare:types' hook
+  hooks: {
+    'prepare:types': ({ references }) => {
+      references.push(
+        { path: resolve('./app/types/base-plugins.d.ts') }
+      )
+    }
   }
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-base",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",