fix(order-in-components): allow autofix with TypeScript PropType (#1955)

Author: acupofspirt

lib/rules/order-in-components.js

@@ -171,7 +171,9 @@ function isNotSideEffectsNode(node, visitorKeys) {
         node.type === 'Literal' ||
         // es2015
         node.type === 'ArrowFunctionExpression' ||
-        node.type === 'TemplateElement'
+        node.type === 'TemplateElement' ||
+        // typescript
+        node.type === 'TSAsExpression'
       ) {
         skipNode = node
       } else if (

tests/lib/rules/order-in-components.js

@@ -908,6 +908,41 @@ ruleTester.run('order-in-components', rule, {
           line: 15
         }
       ]
+    },
+    {
+      filename: 'example.vue',
+      code: `
+        <script lang="ts">
+          export default {
+            setup () {},
+            props: {
+              foo: { type: Array as PropType<number[]> },
+            },
+          };
+        </script>
+      `,
+      parser: require.resolve('vue-eslint-parser'),
+      parserOptions: {
+        ...parserOptions,
+        parser: { ts: require.resolve('@typescript-eslint/parser') }
+      },
+      output: `
+        <script lang="ts">
+          export default {
+            props: {
+              foo: { type: Array as PropType<number[]> },
+            },
+            setup () {},
+          };
+        </script>
+      `,
+      errors: [
+        {
+          message:
+            'The "props" property should be above the "setup" property on line 4.',
+          line: 5
+        }
+      ]
     }
   ]
 })