fix(nuxt-module): proper i18n plugin injection

packages/default-theme/src/logic/notifications/index.js

@@ -1,10 +1,10 @@
 import { useNotifications } from "@shopware-pwa/composables"
 
-export const addToCartNotification = (product, rootContext) => {
+export const addToCartNotification = (payload, rootContext) => {
   const { pushSuccess } = useNotifications(rootContext)
   pushSuccess(
-    rootContext.i18n.t("{productName} has been added to cart.", {
-      productName: product?.translated?.name || product?.name,
+    rootContext.$t("{productName} has been added to cart.", {
+      productName: payload?.product?.translated?.name || payload?.product?.name,
     })
   )
 }
@@ -16,10 +16,10 @@ export const addPromotionCodeNotification = (result, rootContext) => {
   if (err) {
     switch (err.messageKey) {
       case "promotion-discount-added":
-        pushSuccess(rootContext.i18n.t("Promotion code added successfully"))
+        pushSuccess(rootContext.$t("Promotion code added successfully"))
         break
       case "promotion-not-found":
-        pushError(rootContext.i18n.t("Promotion code does not exist"))
+        pushError(rootContext.$t("Promotion code does not exist"))
         break
       default:
         pushError(err.message.toString())

packages/nuxt-module/plugins/i18n.js

@@ -3,10 +3,10 @@ import VueI18n from "vue-i18n";
 
 Vue.use(VueI18n);
 
-export default ({ app, store }) => {
+export default ({ app, store }, inject) => {
   // Set i18n instance on app
   // This way we can use it in middleware and pages asyncData/fetch
-  app.i18n = new VueI18n({
+  const i18n = new VueI18n({
     locale: store.state.locale,
     fallbackLocale: "<%= options.defaultLanguage %>",
     messages: {
@@ -15,4 +15,7 @@ export default ({ app, store }) => {
       // <% }) %>
     },
   });
+
+  app.i18n = i18n;
+  inject("i18n", i18n);
 };