added typescript suppoer to vue 2

Author: dipaksarkar

.eslintignore

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

.eslintrc.js

@@ -5,12 +5,8 @@ module.exports = {
   },
   extends: [
     'eslint:recommended',
-    'plugin:vue/recommended',
-    '@vue/typescript/recommended'
+    'plugin:vue/recommended', // Use recommended rules from the plugin
   ],
-  parserOptions: {
-    parser: '@typescript-eslint/parser'
-  },
   rules: {
     // Customize your rules here
   }

package.json

@@ -28,24 +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": {
-    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@vue/compiler-sfc": "^3.2.47",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/test-utils": "^2.2.10",
     "eslint": "^8.34.0",
     "eslint-plugin-vue": "^9.9.0",
-    "jest": "^29.4.2",
-    "lint-staged": "^13.1.1",
+    "lint-staged": "^13.1.2",
     "rollup": "^2.6.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-dts": "^5.1.0",
     "rollup-plugin-filesize": "^9.1.2",
-    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-typescript2": "^0.34.1",
-    "rollup-plugin-vue": "^6.0.0",
     "typescript": "^4.9.5",
-    "vue": "2.6.0"
+    "vue": "^2.6.0"
   },
   "bugs": {
     "url": "https://github.com/coders-tm/vue-number-format/issues"

rollup.config.js

@@ -1,9 +1,7 @@
-import vue from 'rollup-plugin-vue'
-import typescript from 'rollup-plugin-typescript2'
-import commonjs from 'rollup-plugin-commonjs'
-import resolve from 'rollup-plugin-node-resolve'
-import dts from 'rollup-plugin-dts'
-import filesize from 'rollup-plugin-filesize'
+import typescript from 'rollup-plugin-typescript2';
+import filesize from 'rollup-plugin-filesize';
+import resolve from '@rollup/plugin-node-resolve';
+import dts from 'rollup-plugin-dts';
 import pkg from './package.json'
 
 const banner = `/**
@@ -12,21 +10,20 @@ const banner = `/**
  * @license ${pkg.license}
  */`
 
+
 export default [
   {
     input: 'src/index.ts',
     output: [
       {
-        compact: true,
         file: pkg.main,
         format: 'cjs',
         exports: 'named',
-        name: 'VueNumberFormat',
         banner
       },
       {
         file: pkg.module,
-        format: 'esm',
+        format: 'es',
         exports: 'named',
         banner
       }
@@ -40,15 +37,13 @@ export default [
         }
       }),
       resolve(),
-      commonjs(),
-      vue(),
       filesize()
     ],
     external: ['vue']
   },
   {
-    input: './.temp/types/index.d.ts',
+    input: './.temp/types/src/index.d.ts',
     output: [{ file: 'dist/index.d.ts', format: 'es' }],
     plugins: [dts()]
   }
-]
+];

src/component.vue renamed to src/component.ts

@@ -1,18 +1,4 @@
-<template>
-  <input
-    v-number="config"
-    type="text"
-    autocomplete="off"
-    :value="maskedValue"
-    class="v-number"
-    @change="change"
-    @input="input"
-    @blur="(evt) => $emit('blur', evt)"
-    @focus="(evt) => $emit('focus', evt)"
-  >
-</template>
 
-<script lang="ts">
 import Vue from 'vue';
 import directive from './directive'
 import { cloneDeep, CustomInputEvent, Input } from './core'
@@ -122,6 +108,16 @@ export default Vue.extend({
     change() {
       this.$emit('change', this.emittedValue)
     }
-  }
-});
-</script>
+  },
+  template: `<input
+    v-number="config"
+    type="text"
+    autocomplete="off"
+    :value="maskedValue"
+    class="v-number"
+    @change="change"
+    @input="input"
+    @blur="(evt) => $emit('blur', evt)"
+    @focus="(evt) => $emit('focus', evt)"
+  >`
+})

src/index.ts

@@ -1,16 +1,16 @@
-import component from './component.vue'
+import component from './component'
 import directive from './directive'
 import options, { Options as Config } from './options'
 import NumberFormat from './number-format'
 
 export { component, directive, options, NumberFormat }
 
-function install(app: any, config?: Config) {
-  if (config) {
-    Object.assign(options, config)
+export default {
+  install(app: any, config?: Config) {
+    if (config) {
+      Object.assign(options, config)
+    }
+    app.directive('number', directive)
+    app.component('VueNumber', component)
   }
-  app.directive('number', directive)
-  app.component('VueNumber', component)
 }
-
-export default install

src/shims-vue.d.ts

@@ -1,40 +1,17 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "module": "es2015",
-    "strict": true,
-    "jsx": "preserve",
-    "importHelpers": true,
-    "moduleResolution": "node",
+    "target": "ES2018",
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
     "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "types": [
-      "jest",
-      "node"
-    ],
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.d.ts",
-    "tests/**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+    "strict": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "resolveJsonModule": true,
+    "rootDir": ".",
+    "skipLibCheck": true,
+    "noUnusedLocals": true,
+    "baseUrl": "."
+  }
 }