added eslint and prettier

Author: dipaksarkar

.eslintignore

@@ -1,4 +1,3 @@
 !docs/.vitepress
 dist
 examples
-src

.eslintrc.js

@@ -1,13 +1,13 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
 module.exports = {
   root: true,
   env: {
     node: true
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/recommended', // Use recommended rules from the plugin
-  ],
+  extends: ['plugin:vue/recommended', 'eslint:recommended', '@vue/eslint-config-typescript/recommended', '@vue/eslint-config-prettier'],
   rules: {
     // Customize your rules here
   }
-};
+}

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 160,
+  "semi": false,
+  "singleQuote": true,
+  "arrowParens": "always",
+  "trailingComma": "none",
+  "singleAttributePerLine": true
+}

package.json

@@ -28,8 +28,16 @@
     "push": "clear && git config core.ignorecase false && branch=\"$(git symbolic-ref -q HEAD)\" || \"dev\" && branch=${branch##refs/heads/} && branch=${branch:-HEAD} && echo Pushing to Branch \"$branch\" && echo Please type your commit message && read msg && clear && git add . && git commit -m \"$msg\" && git push origin \"$branch\""
   },
   "devDependencies": {
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "prettier": "^2.7.1",
+    "rimraf": "^3.0.2",
     "eslint": "^8.34.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-vue": "^9.9.0",
     "lint-staged": "^13.1.2",
     "rollup": "^2.6.1",

src/index.ts

@@ -6,11 +6,11 @@ import NumberFormat from './number-format'
 export { component, directive, options, NumberFormat }
 
 export default {
-  install(app: any, config?: Config) {
+  install(Vue: any, config?: Config) {
     if (config) {
       Object.assign(options, config)
     }
-    app.directive('number', directive)
-    app.component('VueNumber', component)
+    Vue.directive('number', directive)
+    Vue.component('VueNumber', component)
   }
 }