a

Author: ruojianll

docs/.nojekyll

@@ -0,0 +1,11 @@
+# This site is in devloping...
+
+# vue-facing-decorators
+
+> Designed for vue 3. 
+
+> Write class components by TypeScript decorator.
+
+![GitHub](https://img.shields.io/github/license/facing-dev/vue-facing-decorator) ![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/facing-dev/vue-facing-decorator/release) ![npm peer dependency version (scoped)](https://img.shields.io/npm/dependency-version/vue-facing-decorator/peer/vue)
+
+[GitHub](https://github.com/facing-dev/vue-facing-decorator) [Getting Started](#read-me)

docs/README.md

@@ -0,0 +1,8 @@
+- [Quick start](home/quick-start/quick-start.md)
+- Class component
+    - [Component](class-component/component/component.md)
+    - [Property](class-component/property/property.md)
+    - [Method](class-component/method/method.md)
+    - [Lifecycle hooks](class-component/lifecycle-hook/lifecycle-hook.md)
+    - [Getter](class-component/getter/getter.md)
+    - [Event](class-component/event/event.md)

docs/_coverpage.md

@@ -0,0 +1,27 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+@Component
+class MyAnotherComponent extends Vue {
+
+}
+
+/*
+Vue option component
+{
+    components:{
+        MyAnotherComponent
+    }
+}
+*/
+
+@Component({
+    components: {
+        MyAnotherComponent
+    }
+})
+class MyComponent extends Vue {
+
+}
+
+

docs/_sidebar.md

@@ -0,0 +1,20 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+/*
+Vue option component
+{
+    directives:{
+        MyDirective:{}
+    }
+}
+*/
+
+@Component({
+    directives: {
+        MyDirective: {}
+    }
+})
+class MyComponent extends Vue {
+
+}

docs/class-component/component/code-option-components.ts

@@ -0,0 +1,16 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+/*
+Vue option component
+{
+    emits:['MyEvent']
+}
+*/
+
+@Component({
+    emits: ['MyEvent']
+})
+class MyComponent extends Vue {
+
+}

docs/class-component/component/code-option-directives.ts

@@ -0,0 +1,16 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+/*
+Vue option component
+{
+    expose:['name']
+}
+*/
+
+@Component({
+    expose: ['Name']
+})
+class MyComponent extends Vue {
+
+}

docs/class-component/component/code-option-emits.ts

@@ -0,0 +1,16 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+/*
+Vue option component
+{
+    inheritAttrs:true
+}
+*/
+
+@Component({
+    inheritAttrs: true
+})
+class MyComponent extends Vue {
+
+}

docs/class-component/component/code-option-expose.ts

@@ -0,0 +1,21 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+import { defineComponent } from 'vue'
+
+const VueComponent = defineComponent({
+
+})
+
+/*
+Vue option component
+{
+    mixins:[VueComponent]
+}
+*/
+
+@Component({
+    mixins: [VueComponent]
+})
+class MyComponent extends Vue {
+
+}