fix: Identifier in computed OptionalMemberExpression

[lsdsjy]

This case should be consistent with the MemberExpression case, where Identifiers in computed OptionalMemberExpression Property should be prepended with "vm".

[JuniorTour]

Thanks for your contribution!

Do you have interest to add a test case for this PR?

You can refer to these commit and make another PR:

• CONTRIBUTING.md
• https://github.com/JuniorTour/vue-template-babel-compiler/commit/5aabcf79d14922d4036829d2dfe0cc6d08ccca05
• https://github.com/JuniorTour/vue-template-babel-compiler/commit/090fc8f12e72a638a3a47b921a02f2b7014753a6

[lsdsjy]

Yeah sure. See #27 Don't know if the test case description is clear enough though.

[xiaoxiangmoe]

@lsdsjy also we need support foo?.bar.c ?? d?.(e)?.[f].

[JuniorTour]

@lsdsjy also we need support foo?.bar.c ?? d?.(e)?.[f].

@xiaoxiangmoe Thank you for your feedback, I just tried the code below:

<template>
  <div id="app">
    <h1>2021年12月02日11:05:55</h1>
    <h2>{{obj?.prop.nullish ?? optional?.(chainingKey)?.[chainingKey]}}</h2>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      optional: function (key) {
          console.log(key)  // 'chainingKey'
          return {
            chainingKey: 'inner chainingKey'
          }
      },
      obj: {
        prop: {
          nullish: null,
        }
      },
      chainingKey: 'chainingKey',
    }
  }
}
</script>

It works find after this PR:

I will publish a new version later, try it.

If you still have any problem, open an issue or comment, just let me know.

[JuniorTour]

v1.0.7 just published after this PR.

You can try it by:

npm install vue-template-babel-compiler --save-dev
// or 
yarn add vue-template-babel-compiler --save-dev