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{
+    
+}