updated project structure

Author: dipaksarkar

.eslintrc.js

@@ -6,5 +6,8 @@ module.exports = {
   env: {
     node: true
   },
-  extends: ['plugin:vue/vue3-recommended', 'eslint:recommended', '@vue/eslint-config-typescript/recommended', '@vue/eslint-config-prettier']
+  extends: ['plugin:vue/vue3-recommended', 'eslint:recommended', '@vue/eslint-config-typescript/recommended', '@vue/eslint-config-prettier'],
+  rules: {
+    // '@typescript-eslint/ban-ts-comment': 'warn'
+  }
 }

package.json

@@ -20,8 +20,8 @@
   },
   "sideeffects": false,
   "scripts": {
-    "prebuild": "rimraf dist .temp/types",
-    "build": "tsc --emitDeclarationOnly --declaration --outDir .temp/types && rollup -c rollup.config.js",
+    "prebuild": "rimraf dist",
+    "build": "rollup -c rollup.config.js && rimraf dist/src",
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
     "test": "vitest",
@@ -63,7 +63,7 @@
     "@types/jest": "^29.4.0",
     "@typescript-eslint/eslint-plugin": "^5.38.1",
     "@typescript-eslint/parser": "^5.38.1",
-    "@vitejs/plugin-vue": "latest",
+    "@vitejs/plugin-vue": "^4.0.0",
     "@vitest/coverage-c8": "^0.23.4",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
@@ -84,10 +84,11 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-typescript2": "^0.34.0",
+    "rollup-plugin-vue": "^6.0.0",
     "simple-git-hooks": "^2.8.0",
     "typescript": "^4.8.4",
     "unplugin-vue-components": "^0.22.7",
-    "vite": "^3.2.3",
+    "vite": "^4.1.1",
     "vite-plugin-windicss": "^1.8.1",
     "vitest": "latest",
     "vue": "^3.0.0",

rollup.config.js

@@ -1,4 +1,5 @@
 import typescript from 'rollup-plugin-typescript2'
+import vue from 'rollup-plugin-vue'
 import dts from 'rollup-plugin-dts'
 import cleanup from 'rollup-plugin-cleanup'
 import filesize from 'rollup-plugin-filesize'
@@ -31,18 +32,19 @@ export default [
       typescript({
         tsconfigOverride: {
           compilerOptions: {
-            declaration: false
+            declaration: true
           }
         }
       }),
+      vue(),
       cleanup({ extensions: ['js', 'ts'] }),
       filesize()
     ],
     external: ['vue']
   },
   {
-    input: './.temp/types/src/index.d.ts',
-    output: [{ file: 'dist/index.d.ts', format: 'es' }],
+    input: 'dist/src/index.d.ts',
+    output: [{ file: pkg.types, format: 'es' }],
     plugins: [dts()]
   }
 ]

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

@@ -1,3 +1,16 @@
+<template>
+  <input
+    v-number="config"
+    type="text"
+    autocomplete="off"
+    :value="maskedValue"
+    class="v-number vue-number-format"
+    @change="change"
+    @input="input"
+  />
+</template>
+
+<script lang="ts">
 import { defineComponent } from 'vue'
 import { cloneDeep, CustomInputEvent, Input } from './core'
 import directive from './directive'
@@ -93,23 +106,15 @@ export default defineComponent({
     }
   },
   methods: {
-    input(event: CustomInputEvent) {
-      const { target } = event
+    input(event: Event) {
+      const { target } = event as CustomInputEvent
       this.maskedValue = target.value
       this.unmaskedValue = target.unmaskedValue
       this.$emit('input:model-value', this.emittedValue)
     },
     change() {
       this.$emit('update:model-value', this.emittedValue)
     }
-  },
-  template: `<input
-    v-number="config"
-    type="text"
-    autocomplete="off"
-    :value="maskedValue"
-    class="v-number vue-number-format"
-    @change="change"
-    @input="input"
-  />`
+  }
 })
+</script>

src/index.ts

@@ -1,4 +1,4 @@
-import component from './component'
+import component from './component.vue'
 import directive from './directive'
 import options, { Options as Config } from './options'
 import NumberFormat from './number-format'

tests/vue-number-input.spec.ts

@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import Component from '../src/component'
+import Component from '../src/component.vue'
 
 test('test component', async () => {
   expect(Component).toBeTruthy()

tsconfig.json

@@ -12,6 +12,18 @@
     "rootDir": ".",
     "skipLibCheck": true,
     "noUnusedLocals": true,
-    "baseUrl": "."
-  }
+    "declaration": true,
+    "declarationDir": "./.temp/types",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
 }

vitest.config.ts

@@ -1,10 +1,10 @@
 /// <reference types="vitest" />
 
 import { defineConfig } from 'vitest/config'
-// import Vue from '@vitejs/plugin-vue'
+import Vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  // plugins: [Vue()],
+  plugins: [Vue()],
   test: {
     globals: true,
     environment: 'jsdom'

yarn.lock

@@ -637,7 +637,7 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.2.2.tgz#df5d4464ad8cb97c9fb7407a1e5a3a34f716febb"
   integrity sha512-3C0s45VOwIFEDU+2ownJOpb0zD5fnjXWaHVOLID2R1mYOlAx3doNBFnNbVjaZvpke/L7IdPJXjpyYpXZToDKig==
 
-"@vitejs/plugin-vue@latest":
+"@vitejs/plugin-vue@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz#93815beffd23db46288c787352a8ea31a0c03e5e"
   integrity sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==
@@ -4988,6 +4988,15 @@ rollup-plugin-typescript2@^0.34.0:
     semver "^7.3.7"
     tslib "^2.4.0"
 
+rollup-plugin-vue@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-vue/-/rollup-plugin-vue-6.0.0.tgz#e379e93e5ae9a8648522f698be2e452e8672aaf2"
+  integrity sha512-oVvUd84d5u73M2HYM3XsMDLtZRIA/tw2U0dmHlXU2UWP5JARYHzh/U9vcxaN/x/9MrepY7VH3pHFeOhrWpxs/Q==
+  dependencies:
+    debug "^4.1.1"
+    hash-sum "^2.0.0"
+    rollup-pluginutils "^2.8.2"
+
 rollup-pluginutils@^2.8.2:
   version "2.8.2"
   resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
@@ -5726,7 +5735,7 @@ vite@^2.7.13:
   optionalDependencies:
     fsevents "~2.3.2"
 
-"vite@^2.9.12 || ^3.0.0-0", vite@^3.2.3:
+"vite@^2.9.12 || ^3.0.0-0":
   version "3.2.5"
   resolved "https://registry.yarnpkg.com/vite/-/vite-3.2.5.tgz#dee5678172a8a0ab3e547ad4148c3d547f90e86a"
   integrity sha512-4mVEpXpSOgrssFZAOmGIr85wPHKvaDAcXqxVxVRZhljkJOMZi1ibLibzjLHzJvcok8BMguLc7g1W6W/GqZbLdQ==
@@ -5738,7 +5747,7 @@ vite@^2.7.13:
   optionalDependencies:
     fsevents "~2.3.2"
 
-"vite@^3.0.0 || ^4.0.0":
+"vite@^3.0.0 || ^4.0.0", vite@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.1.1.tgz#3b18b81a4e85ce3df5cbdbf4c687d93ebf402e6b"
   integrity sha512-LM9WWea8vsxhr782r9ntg+bhSFS06FJgCvvB0+8hf8UWtvaiDagKYWXndjfX6kGl74keHJUcpzrQliDXZlF5yg==