Cannot use with vue-class-component

Reporting a bug?

In case of Options API vue-i18n-loader parses the <i18n></i18n> section and generates code that puts the result into component object itself. It works for Options API + JS, but breaks when using vue-class-component because in that case component options are not the component object itself, but it’s “__o” property.

Expected behavior

Code generated by vue-i18n-loader checks if __o prop exists on the component object and puts translations into it if it does.

Reproduction

https://github.com/SniperJoe/vue-i18n-loader-repro

Issue Package

vue-i18n-loader

System Info

System:
    OS: Linux 5.11 Ubuntu 21.04 (Hirsute Hippo)
    CPU: (16) x64 AMD Ryzen 7 3800X 8-Core Processor
    Memory: 2.01 GB / 31.35 GB
    Container: Yes
    Shell: 5.1.4 - /bin/bash
  Binaries:
    Node: 12.21.0 - /usr/bin/node
    npm: 8.3.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 93.0.4577.82
    Firefox: 92.0
  npmPackages:
    @intlify/vue-i18n-loader: ^3.2.0 => 3.3.0 
    vue: ^3.2.0 => 3.2.21 
    vue-i18n: ^9.2.0-beta.11 => 9.2.0-beta.17 
    webpack: ^5.44.0 => 5.62.1

Screenshot

No response

Additional context

The workaround I use is to edit bundle-utils/lib/json.js:

<..>
                        generator.push(`${exportSyntax} function (Component) {`);
                        generator.indent();
                        generator.pushline(`const newI18N = (${componentNamespace}__o ? ${componentNamespace}__o.${variableName} : ${componentNamespace}${variableName}) || []`);
                        generator.pushline(`${componentNamespace}${variableName} = ${componentNamespace}${variableName} || []`);
                        generator.push(`newI18N.push({`);
                        generator.indent();
                        generator.pushline(`"locale": ${JSON.stringify(localeName)},`);
                        generator.push(`"resource": `);
<..>
                        generator.push(`if (${componentNamespace}__o) {`);
                        generator.indent();
                        generator.push(`${componentNamespace}__o.${variableName} = newI18N;`);
                        generator.deindent();
                        generator.push(`} else {`);
                        generator.indent();
                        generator.push(`${componentNamespace}${variableName} = newI18N;`);
                        generator.deindent();
                        generator.push(`}`);

Validations

• Read the Contributing Guidelines.
• Read the README
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.

[SniperJoe]

@kazupon please take a look at the PR

[SniperJoe]

@kazupon it works! Thank you very much for collaboration 😃