docs

Author: ruojianll

docs/en/_sidebar.md

@@ -22,7 +22,7 @@
     - [Attribute types](/en/tsx/attribute-types/attribute-types.md)
 - Custom Decorator
     - [Custom Decorator](/en/custom/custom.md)
-- Compatibility
-    - [reflect-metadata](/en/compatibility/reflect-metadata/reflect-metadata.md)
-- Next version
-    - [Next version](/en/next-version/next-version.md)
+- Migrate from v2
+    - [Migrate from v2](/en/migrate-from-v2/migrate-from-v2.md)
+- Stage3 decorators
+    - [Stage3 decorators](/en/stage3-decorators/stage3-decorators.md)

docs/en/class-component/accessor/code-usage.ts

@@ -1,5 +1,5 @@
 
-import { Component, Vue } from 'vue-facing-decorator'
+import { Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 Vue options API
@@ -13,8 +13,10 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     get getter() {
         return 'value'
     }
 }
+
+export default toNative(MyComponent)

docs/en/class-component/accessor/code-vanilla-getter.ts

@@ -1,10 +1,12 @@
 
-import { Component, Vue, Vanilla } from 'vue-facing-decorator'
+import { Component, Vue, Vanilla, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Vanilla
     get getter() {
         return 'value'
     }
 }
+
+export default toNative(MyComponent)

docs/en/class-component/accessor/code-vanilla-setter.ts

@@ -1,11 +1,13 @@
 
-import { Component, Vue, Vanilla } from 'vue-facing-decorator'
+import { Component, Vue, Vanilla, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     foo = ''
     @Vanilla
     set setter(bar: string) {
         this.foo = bar
     }
 }
+
+export default toNative(MyComponent)

docs/en/class-component/accessor/code-writable.ts

@@ -1,5 +1,5 @@
 
-import { Component, Vue } from 'vue-facing-decorator'
+import { Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 Vue options API
@@ -18,9 +18,11 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     foo = ''
     set setter(bar: string) {
         this.foo = bar
     }
 }
+
+export default toNative(MyComponent)

docs/en/class-component/component-property/code-option-default.ts

@@ -1,5 +1,5 @@
 
-import { Prop, Component, Vue } from 'vue-facing-decorator'
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 
@@ -14,9 +14,11 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Prop({
         default: 'foo'
     })
     p!: string
 }
+
+export default toNative(MyComponent)

docs/en/class-component/component-property/code-option-required.ts

@@ -1,5 +1,5 @@
 
-import { Prop, Component, Vue } from 'vue-facing-decorator'
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 
@@ -14,9 +14,11 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Prop({
         required: true
     })
     p!: string
 }
+
+export default toNative(MyComponent)

docs/en/class-component/component-property/code-option-type.ts

@@ -1,5 +1,5 @@
 
-import { Prop, Component, Vue } from 'vue-facing-decorator'
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 
@@ -14,9 +14,11 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Prop({
         type: String
     })
     p?: string
 }
+
+export default toNative(MyComponent)

docs/en/class-component/component-property/code-option-validator.ts

@@ -1,5 +1,5 @@
 
-import { Prop, Component, Vue } from 'vue-facing-decorator'
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 
@@ -16,11 +16,13 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Prop({
-        validator(val:any){
+        validator(val: any) {
             return true
         }
     })
     p?: string
 }
+
+export default toNative(MyComponent)

docs/en/class-component/component-property/code-usage.ts

@@ -1,5 +1,5 @@
 
-import { Prop, Component, Vue } from 'vue-facing-decorator'
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
 
 /*
 
@@ -14,7 +14,9 @@ Vue options API
 */
 
 @Component
-export default class MyComponent extends Vue {
+class MyComponent extends Vue {
     @Prop
     p?: string
 }
+
+export default toNative(MyComponent)