improve: types

Author: Leecason

package.json

@@ -10,8 +10,10 @@
   "module": "dist/vue-rough-notation.esm.js",
   "unpkg": "dist/vue-rough-notation.js",
   "files": [
-    "dist/*"
+    "dist/*",
+    "types/*"
   ],
+  "types": "types/index.d.ts",
   "browserslist": [
     "> 1%",
     "last 2 versions",
@@ -37,10 +39,13 @@
   },
   "devDependencies": {
     "@babel/core": "^7.10.1",
+    "@babel/plugin-transform-runtime": "^7.10.1",
+    "@rollup/plugin-babel": "^5.0.2",
+    "@rollup/plugin-commonjs": "^12.0.0",
+    "@rollup/plugin-node-resolve": "^8.0.0",
+    "@rollup/plugin-typescript": "^4.1.2",
+    "@types/vue": "^2.0.0",
     "rollup": "^2.11.2",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-terser": "^6.1.0"
   }
 }

rollup.config.js

@@ -1,8 +1,8 @@
 import path from 'path';
-import node from 'rollup-plugin-node-resolve';
-import babel from 'rollup-plugin-babel';
+import resolve from '@rollup/plugin-node-resolve';
+import babel from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
-import cjs from 'rollup-plugin-commonjs';
+import commonjs from '@rollup/plugin-commonjs';
 
 export default () => [
   getConfig({
@@ -27,9 +27,12 @@ function getConfig ({
       format,
     },
     plugins: [
-      node(),
-      cjs(),
-      babel({ runtimeHelpers: true }),
+      resolve(),
+      commonjs(),
+      babel({
+        babelHelpers: 'runtime',
+        plugins: ['@babel/plugin-transform-runtime'],
+      }),
       terser(),
     ],
   };

src/component.js

@@ -1,5 +1,4 @@
-// import { annotate } from 'rough-notation';
-import { annotate } from '../node_modules/rough-notation/lib/rough-notation.js';
+import { annotate } from 'rough-notation';
 
 const AVAILABLE_TYPES = [
   'underline',

types/VueRoughNotation.d.ts

@@ -0,0 +1,3 @@
+import { PluginObject } from "vue";
+
+export interface VueRoughNotationPluginObject extends PluginObject<any> {};

types/index.d.ts

@@ -0,0 +1,4 @@
+import { VueRoughNotationPluginObject } from './VueRoughNotation';
+
+declare var VueRoughNotation: VueRoughNotationPluginObject;
+export default VueRoughNotation;