docs

Author: ruojianll

docs/en/_sidebar.md

@@ -18,4 +18,6 @@
     - [Complex example](/en/inheritance/complex-example/complex-example.md)
 - TSX
     - [TSX render](/en/tsx/tsx-render/tsx-render.md)
-    - [Attribute types](/en/tsx/attribute-types/attribute-types.md)
+    - [Attribute types](/en/tsx/attribute-types/attribute-types.md)
+- Compatibility
+    - [reflect-metadata](/en/compatibility/reflect-metadata/reflect-metadata.md)

docs/en/compatibility/reflect-metadata/code-usage.ts

@@ -0,0 +1,6 @@
+import {Component} from 'vue-facing-decorator/dist/index-return-cons'
+
+@Component
+export default class MyComp{
+    
+}

docs/en/compatibility/reflect-metadata/code-webpack-alias-vue-config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    //...
+    chainWebpack: config => {
+        //...
+        config.resolve.alias.set('vue-facing-decorator', 'vue-facing-decorator/dist/index-return-cons')
+    }
+}

docs/en/compatibility/reflect-metadata/code-webpack-alias-webpack-config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    //...
+    resolve: {
+        //...
+        'vue-facing-decorator': 'vue-facing-decorator/dist/index-return-cons'
+    }
+}

docs/en/compatibility/reflect-metadata/reflect-metadata.md

@@ -0,0 +1,15 @@
+## Usage
+
+To work with `reflect-metadata`, we should use `vue-facing-decorator/dist/index-return-cons` instead of `vue-facing-decorator` in code.
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## Webpack `alias`
+
+In `webpack.config.js`.
+
+[](./code-webpack-alias-webpack-config.js ':include :type=code typescript')
+
+Or in `vue.config.js`.
+
+[](./code-webpack-alias-vue-config.js ':include :type=code typescript')

docs/en/readme.md

@@ -9,7 +9,7 @@ Works on TypeScript and decorator.
 * Community desired vue class component with typescript decorators.
 * Safety. Transform es class to vue options api according to specifications.
 * Performance. Once transform on project loading, ready for everywhere.
-* Support es class inherit, vue `extends` and vue `mixins`.
+* Support ES class inherit, vue `extends` and vue `mixins`.
 
 [](./quick-start/code-what-it-is-example.ts ':include :type=code typescript')
 

docs/readme.md

@@ -9,7 +9,7 @@ Works on TypeScript and decorator.
 * Community desired vue class component with typescript decorators.
 * Safety. Transform es class to vue options api according to specifications.
 * Performance. Once transform on project loading, ready for everywhere.
-* Support es class inherit, vue `extends` and vue `mixins`.
+* Support ES class inherit, vue `extends` and vue `mixins`.
 
 [](/en/quick-start/code-what-it-is-example.ts ':include :type=code typescript')
 

docs/tsconfig.json

@@ -23,7 +23,8 @@
         "declarationMap": true,
         "noUnusedLocals": false,
         "paths": {
-            "vue-facing-decorator": ["../dist"]
+            "vue-facing-decorator": ["../dist"],
+            "vue-facing-decorator/dist/index-return-cons": ["../dist/index-return-cons"]
         },
         "jsx": "preserve"
     },

docs/zh-cn/_sidebar.md

@@ -18,4 +18,6 @@
     - [复杂示例](/zh-cn/inheritance/complex-example/complex-example.md)
 - TSX
     - [TSX](/zh-cn/tsx/tsx-render/tsx-render.md)
-    - [属性类型](/zh-cn/tsx/attribute-types/attribute-types.md)
+    - [属性类型](/zh-cn/tsx/attribute-types/attribute-types.md)
+- 兼容性
+    - [reflect-metadata](/zh-cn/compatibility/reflect-metadata/reflect-metadata.md)

docs/zh-cn/compatibility/reflect-metadata/code-usage.ts

@@ -0,0 +1,6 @@
+import {Component} from 'vue-facing-decorator/dist/index-return-cons'
+
+@Component
+export default class MyComp{
+    
+}

docs/zh-cn/compatibility/reflect-metadata/code-webpack-alias-vue-config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    //...
+    chainWebpack: config => {
+        //...
+        config.resolve.alias.set('vue-facing-decorator', 'vue-facing-decorator/dist/index-return-cons')
+    }
+}

docs/zh-cn/compatibility/reflect-metadata/code-webpack-alias-webpack-config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    //...
+    resolve: {
+        //...
+        'vue-facing-decorator': 'vue-facing-decorator/dist/index-return-cons'
+    }
+}

docs/zh-cn/compatibility/reflect-metadata/reflect-metadata.md

@@ -0,0 +1,15 @@
+## Usage
+
+如果和`reflect-metadata`一起使用, 我们需要在代码中用`vue-facing-decorator/dist/index-return-cons`替换`vue-facing-decorator`。
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## Webpack `alias`
+
+使用`webpack.config.js`。
+
+[](./code-webpack-alias-webpack-config.js ':include :type=code typescript')
+
+或使用`vue.config.js`。
+
+[](./code-webpack-alias-vue-config.js ':include :type=code typescript')

docs/zh-cn/readme.md

@@ -9,7 +9,7 @@
 * 通过类的方式来写vue组件。
 * 稳定、安全，根据vue规范将es 类转换成vue option api。
 * 高性能，项目加载时转换一次，随处可用。
-* 支持 es 类 继承、vue `extends` 和 vue `mixins`。
+* 支持 ES 类 继承、vue `extends` 和 vue `mixins`。
 
 [](./quick-start/code-what-it-is-example.ts ':include :type=code typescript')
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-facing-decorator",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "Vue typescript class and decorator based component.",
   "main": "dist/index.js",
   "keywords": [

src/index-return-cons.ts

@@ -1,7 +1,7 @@
 export * from './index'
 import { Component as ComponentOld } from './index'
-export function Component(this: any) {
-    const res = ComponentOld.apply(this, arguments as any)
+export function Component(this: any,...args:Parameters<typeof ComponentOld>) {
+    const res = ComponentOld.apply(this, args)
     function process(res: any) {
         const cons = res.__vfdConstructor