title: Error while importing a module with optional chaining
body: <p>Project setup:</p>
  <ul>
  <li>Vuejs 3
  <ul>
  <li>Webpack 4</li>
  <li>Babel</li>
  <li>TS</li>
  </ul>
  </li>
  </ul>
  <p>We created the project using <code>vue-cli</code> and add the dependency to the library.</p>
  <p>We then imported a project (<a href="https://dm4t2.github.io/vue-currency-input/" rel="noreferrer">Vue Currency Input v2.0.0</a>) that uses optional chaining. But we get the following error while executing the <code>serve</code> script:</p>
  <pre><code>error  in ./node_modules/vue-currency-input/dist/index.esm.js
  
  Module parse failed: Unexpected token (265:36)
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
  |     getMinValue() {
  |         let min = this.toFloat(-Number.MAX_SAFE_INTEGER);
  &gt;         if (this.options.valueRange?.min !== undefined) {
  |             min = Math.max(this.options.valueRange?.min, this.toFloat(-Number.MAX_SAFE_INTEGER));
  |         }
  
  </code></pre>
  <p>I read that Webpack 4 doesn't support optional chaining by default. So, we added the Babel plugin for optional chaining. This is our <code>babel.config.js</code> file:</p>
  <pre><code>module.exports = {
    presets: [&quot;@vue/cli-plugin-babel/preset&quot;],
    plugins: [&quot;@babel/plugin-proposal-optional-chaining&quot;],
  };
  </code></pre>
  <p>(But, if I am correct, this plugin is now enable by default in the <code>babel-preset</code>. So this modification might be useless ^^)</p>
  <p>One thing that I don't understand is that we can use optional chaining in the <code>.vue</code> files.</p>
  <p>I created a SandBox with all the files: <a href="https://codesandbox.io/s/upbeat-satoshi-y5yd3" rel="noreferrer">SandBox</a></p>
  <p>How could I solve this error?</p>