fix: avoid breakage by not to auto augment hooks type (#386)

* fix: avoid breakage not to auto augment hooks type

* fix: add dummy hooks.js

Author: ktsn

README.md

@@ -200,7 +200,21 @@ new Vue({
 })
 ```
 
-In TypeScript, all built-in lifecycle hools and special methods are declared in the component instance type to enable auto-complete in editors.
+### Enabling Custom Hooks Auto-complete in TypeScript
+
+vue-class-component provides a built-in hooks type, which enables auto-complete for `data`, `render` and other lifecycle hooks in class component declarations, for TypeScript. To enable it, you need to import hooks type located at `vue-class-component/hooks`.
+
+```ts
+// main.ts
+import 'vue-class-component/hooks' // import hooks type to enable auto-complete
+import Vue from 'vue'
+import App from './App.vue'
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
+```
+
 If you want to make it work with custom hooks, you can manually add it by yourself:
 
 ```ts

src/lifecycle.ts renamed to hooks.d.ts

@@ -0,0 +1 @@
+// Dummy empty file to avoid import error when using hooks.d.ts

hooks.js

@@ -7,7 +7,8 @@
   "typings": "lib/index.d.ts",
   "files": [
     "dist",
-    "lib"
+    "lib",
+    "hooks.d.ts"
   ],
   "scripts": {
     "build": "npm run build:ts && npm run build:main",

package.json

@@ -1,4 +1,3 @@
-import './lifecycle'
 import Vue, { ComponentOptions } from 'vue'
 import { VueClass } from './declarations'
 import { componentFactory, $internalHooks } from './component'