fix: MemberExpression computed property

Author: xiaoxiangmoe

src/core/identifiers.ts

@@ -69,6 +69,8 @@ export function getIdentifierUsages(node?: Expression | TSType | SpreadElement |
   }
   else if (node.type === 'MemberExpression' || node.type === 'OptionalMemberExpression') {
     getIdentifierUsages(node.object, identifiers)
+    if (node.computed)
+      getIdentifierUsages(node.property, identifiers)
   }
   else if (node.type === 'CallExpression' || node.type === 'OptionalCallExpression') {
     getIdentifierUsages(node.callee as Expression, identifiers)

test/__snapshots__/transform.test.ts.snap

@@ -810,24 +810,36 @@ export default __sfc_main;
 exports[`transform fixtures test/fixtures/TemplateOptionalChaining.vue 1`] = `
 "<template>
   <div @click=\\"callback?.()\\">
-    {{ text?.length ?? textLengthDefault }}
+    {{ text?.length ?? textLengthDefault?.[index] }}
     {{ classes?.[0] }}
+    {{ arrayObj.data.value[i] }}
   </div>
 </template>
 
 <script lang=\\"ts\\">
+import { ref } from '@vue/composition-api';
 const __sfc_main = {};
 
 __sfc_main.setup = (__props, __ctx) => {
   const text = 'hello';
-  const textLengthDefault = 0;
+  const textLengthDefault = '';
+  const index = ref(0);
   const callback = (undefined as undefined | (() => void));
   const classes = (undefined as undefined | string[]);
+  const arrayObj = {
+    data: {
+      value: [1, 2, 3]
+    }
+  };
+  const i = 0;
   return {
     text,
     textLengthDefault,
+    index,
     callback,
-    classes
+    classes,
+    arrayObj,
+    i
   };
 };
 

test/fixtures/TemplateOptionalChaining.vue

@@ -1,14 +1,19 @@
 <template>
   <div @click="callback?.()">
-    {{ text?.length ?? textLengthDefault }}
+    {{ text?.length ?? textLengthDefault?.[index] }}
     {{ classes?.[0] }}
+    {{ arrayObj.data.value[i] }}
   </div>
 </template>
 
 <script setup lang="ts">
+import { ref } from '@vue/composition-api'
 const text = 'hello'
-const textLengthDefault = 0
+const textLengthDefault = ''
+const index = ref(0)
 
 const callback = undefined as undefined | (() => void)
 const classes = undefined as undefined | string[]
+const arrayObj = { data: { value: [1, 2, 3] } }
+const i = 0
 </script>