fix: make i18next component use the same code as $t for getting tranl…

…ations

When loading translations dynamically the i18next component would not update correctly, but this.$t would.
This makes i18next component use the same code to get the translations so it will update.

src/component.js

@@ -16,18 +16,20 @@ export default {
   },
   render(h, { props, data, children, parent }) {
     const i18next = parent.$i18n;
-    if (!i18next) {
+    const $t = parent.$t.bind(parent);
+    if (!i18next || !$t) {
       return h(props.tag, data, children);
     }
 
     const { path } = props;
     const options = props.options || {};
 
     const REGEXP = i18next.i18next.services.interpolator.regexp;
-    const format = i18next.t(path, {
+    const i18nextOptions = {
       ...options,
       interpolation: { prefix: '#$?', suffix: '?$#' }
-    });
+    };
+    const format = $t(path, i18nextOptions);
     const tchildren = [];
 
     format.split(REGEXP).reduce((memo, match, index) => {