rename / simplify API

Author: yyx990803

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 example/build.js
+example/build.js.map

README.md

@@ -1,17 +1,14 @@
-# vue-classy
+# vue-class-component
 
 > Experimental ES7 / TypeScript decorator for class-style Vue components.
 
 ### Example Usage with Babel stage=0:
 
 ``` js
-import Vue from 'vue'
-import VueClassy from 'vue-classy'
+import component from 'vue-class-component'
 
-Vue.use(VueClassy)
-
-@Vue.componentClass
-export default class Component extends Vue {
+@component
+export default class Component {
 
   // template
   static template = `
@@ -54,4 +51,4 @@ new Component({
 $ npm install && npm run build
 ```
 
-Theoretically, this should also work properly as a TypeScript 1.5+ decorator. If you'd like to make it work properly with TypeScript, feel free to contribute!
+Theoretically, this should also work properly as a TypeScript 1.5+ decorator, but I'm not familiar enough with TypeScript to figure out how type checks would come into play. If you'd like to make it work properly with TypeScript, feel free to contribute!

example/example.es7.js

@@ -1,10 +1,7 @@
-import Vue from 'vue'
-import VueClassy from '../'
+import component from '../'
 
-Vue.use(VueClassy)
-
-@Vue.componentClass
-export default class Component extends Vue {
+@component
+export default class Component {
 
   // template
   static template = `

example/webpack.config.js

@@ -8,5 +8,6 @@ module.exports = {
     loaders: [
       { test: /\.es7\.js$/, loader: 'babel?stage=0' }
     ]
-  }
+  },
+  devtool: 'source-map'
 }

index.js

@@ -1,4 +1,4 @@
-var Vue
+var Vue = require('vue')
 
 var internalHooks = [
   'created',
@@ -11,7 +11,7 @@ var internalHooks = [
   'detached'
 ]
 
-function decorate (Component) {
+function decorator (Component) {
   var capture = new Component(false)
   var options = {}
   // instance properties are data
@@ -22,8 +22,6 @@ function decorate (Component) {
     }
   }
   // prototype props.
-  // only need to identify hooks and methods.
-  // computed properties just work!
   var proto = Component.prototype
   Object.getOwnPropertyNames(proto).forEach(function (key) {
     if (key === 'constructor') {
@@ -34,25 +32,28 @@ function decorate (Component) {
       options[key] = proto[key]
       return
     }
-    // methods
     var descriptor = Object.getOwnPropertyDescriptor(proto, key)
     if (typeof descriptor.value === 'function') {
+      // methods
       (options.methods || (options.methods = {}))[key] = descriptor.value
+    } else if (descriptor.get || descriptor.set) {
+      // computed properties
+      (options.computed || (options.computed = {}))[key] = {
+        get: descriptor.get,
+        set: descriptor.set
+      }
     }
   })
   // copy static options
   Object.keys(Component).forEach(function (key) {
     options[key] = Component[key]
   })
-  // set options
+  // find super
   var Super = proto.__proto__.constructor
-  Component.options = Vue.util.mergeOptions(Super.options, options)
-  Component['super'] = Super
-  Component.extend = Super.extend
-  // asset registers
-  Vue.config._assetTypes.forEach(function (type) {
-    Component[type] = Super[type]
-  })
+  if (!(Super instanceof Vue)) {
+    Super = Vue
+  }
+  return Super.extend(options)
 }
 
 function clone (val) {
@@ -69,9 +70,4 @@ function clone (val) {
   }
 }
 
-function install (externalVue) {
-  Vue = externalVue
-  Vue.componentClass = decorate
-}
-
-module.exports = install
+module.exports = decorator

package.json

@@ -1,10 +1,11 @@
 {
-  "name": "vue-classy",
+  "name": "vue-class-component",
   "version": "1.0.0",
   "description": "ES7/TypeScript class decorator for Vue components",
   "main": "index.js",
   "scripts": {
-    "build": "webpack --config example/webpack.config.js"
+    "build": "webpack --config example/webpack.config.js",
+    "dev": "webpack --config example/webpack.config.js --watch"
   },
   "repository": {
     "type": "git",
@@ -22,6 +23,9 @@
     "url": "https://github.com/vuejs/vue-classy/issues"
   },
   "homepage": "https://github.com/vuejs/vue-classy#readme",
+  "peerDependencies": {
+    "vue": "^0.12.3"
+  },
   "devDependencies": {
     "babel-core": "^5.6.7",
     "babel-loader": "^5.2.0",