fix: Rename in-component options key from i18n to nuxtI18n

This change prevents conflicts with vue-i18n features that also rely on an i18n key in components

BREAKING CHANGE: Pages using i18n key need to be updated to use nuxtI18n key instead

#94, #67

src/helpers/components.js

@@ -21,7 +21,7 @@ export const extractComponentOptions = (path) => {
     Property (node) {
       if (node.key.name === COMPONENT_OPTIONS_KEY) {
         const data = script.substring(node.start, node.end)
-        componentOptions = eval(`({${data}})`).i18n // eslint-disable-line
+        componentOptions = eval(`({${data}})`)[COMPONENT_OPTIONS_KEY] // eslint-disable-line
       }
     }
   })

src/helpers/constants.js

@@ -16,7 +16,7 @@ export const STRATEGIES = {
   PREFIX: 'prefix',
   PREFIX_EXCEPT_DEFAULT: 'prefix_except_default'
 }
-export const COMPONENT_OPTIONS_KEY = 'i18n'
+export const COMPONENT_OPTIONS_KEY = 'nuxtI18n'
 export const DEFAULT_OPTIONS = {
   vueI18n: {},
   locales: [],

src/module.js

@@ -12,7 +12,8 @@ import {
   LOCALE_CODE_KEY,
   LOCALE_ISO_KEY,
   LOCALE_DOMAIN_KEY,
-  LOCALE_FILE_KEY
+  LOCALE_FILE_KEY,
+  COMPONENT_OPTIONS_KEY
 } from './helpers/constants'
 import { makeRoutes } from './helpers/routes'
 import {
@@ -44,6 +45,7 @@ export default function (userOptions) {
     LOCALE_ISO_KEY,
     LOCALE_DOMAIN_KEY,
     LOCALE_FILE_KEY,
+    COMPONENT_OPTIONS_KEY,
     getLocaleCodes,
     getLocaleFromRoute,
     getForwarded,

src/plugins/seo.js

@@ -2,12 +2,13 @@ import Vue from 'vue'
 
 Vue.mixin({
   head () {
+    const COMPONENT_OPTIONS_KEY = '<%= options.COMPONENT_OPTIONS_KEY %>'
     if (
       !this._hasMetaInfo ||
       !this.$i18n ||
       !this.$i18n.locales ||
-      this.$options.i18n === false ||
-      (this.$options.i18n && this.$options.i18n.seo === false)
+      this.$options[COMPONENT_OPTIONS_KEY] === false ||
+      (this.$options[COMPONENT_OPTIONS_KEY] && this.$options[COMPONENT_OPTIONS_KEY].seo === false)
     ) {
       return {};
     }