feat: add vite

package.json

@@ -13,41 +13,43 @@
   "repository": "git@github.com:alexander-heimbuch/redux-vuex.git",
   "license": "MIT",
   "scripts": {
-    "build": "rm -rf dist && webpack && node ./.build/prepublish.js",
+    "clean": "rm -rf dist/*",
+    "typings": "tsc",
+    "package": "vite build",
+    "build": "npm run clean && npm run package && npm run typings",
     "test": "jest \"__tests__/.*\\.test\\.ts\"",
-    "release": "release-it"
+    "release": "release-it",
+    "prepare": "husky install"
   },
   "dependencies": {
     "get-value": "3.0.1",
-    "set-value": "3.0.1"
+    "set-value": "4.1.0"
   },
   "peerDependencies": {
     "vue": "3.x",
-    "redux": "4.x",
-    "@vue/runtime-core": "3.x"
+    "redux": "4.x"
+  },
+  "module": "./dist/redux-vuex.es.js",
+  "types": "./dist/typings/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/redux-vuex.es.js"
+    }
   },
   "devDependencies": {
-    "@babel/core": "7.11.6",
-    "@babel/preset-env": "7.11.5",
-    "@babel/runtime": "7.11.2",
-    "@vue/runtime-core": "3.0.0",
-    "@vue/test-utils": "2.0.0-beta.5",
+    "@vue/test-utils": "2.2.1",
     "@types/jest": "27.0.1",
-    "husky": "4.3.0",
+    "husky": "8.0.1",
     "jest": "26.4.2",
     "prettier": "2.1.2",
     "pretty-quick": "3.0.2",
-    "redux": "4.1.1",
-    "release-it": "14.11.5",
+    "redux": "4.2.0",
+    "release-it": "15.5.0",
     "ts-jest": "^26.4.0",
-    "ts-loader": "8.0.4",
-    "typescript": "4.0.3",
-    "vue": "3.0.0",
-    "webpack": "4.44.2",
-    "webpack-cli": "3.3.12",
-    "@types/get-value": "3.0.0",
-    "fs-extra": "10.0.0",
-    "ramda": "0.27.1"
+    "typescript": "4.8.4",
+    "vue": "3.2.41",
+    "vite": "3.1.8",
+    "@vitejs/plugin-vue": "3.1.2"
   },
   "husky": {
     "hooks": {

src/index.ts

@@ -2,15 +2,14 @@ import { provide as provideStore } from './provide-store'
 import { mapState } from './map-state'
 import { mapActions } from './map-actions'
 
-import { injectStore, injectActions } from './tokens'
-import { ProvideStoreOptions, MapOptions } from './types'
+import { injectStore, injectActions, storeToken, actionsToken } from './tokens'
 
 export {
   provideStore,
   mapState,
   mapActions,
+  storeToken,
+  actionsToken,
   injectStore,
-  injectActions,
-  ProvideStoreOptions,
-  MapOptions
+  injectActions
 }

src/map-state.ts

@@ -1,5 +1,5 @@
 import * as get from 'get-value'
-import { ref, UnwrapRef, onUnmounted, reactive } from '@vue/runtime-core'
+import { ref, UnwrapRef, onUnmounted, reactive } from 'vue'
 
 import { injectStore } from './tokens'
 import { objectMapper, applyMappers } from './helper'

src/tokens.ts

@@ -1,5 +1,5 @@
 import { Store, createStore, combineReducers } from 'redux'
-import { inject, provide, App } from '@vue/runtime-core'
+import { inject, provide, App } from 'vue'
 import { Actions } from './types'
 
 export const storeToken = Symbol('ReduxStore')

src/types.ts

@@ -1,4 +1,4 @@
-import { App } from '@vue/runtime-core'
+import { App } from 'vue'
 import { Store } from 'redux'
 
 export interface ProvideStoreOptions {

tsconfig.json

@@ -1,9 +1,8 @@
 {
   "compilerOptions": {
-    "module": "commonjs",
-    "target": "es2015",
     "declaration": true,
-    "outDir": "./dist"
+    "outDir": "./dist/typings",
+    "emitDeclarationOnly": true
   },
-  "include": ["src/**/*"]
+  "include": ["./src/index.ts"]
 }

vite.config.js

@@ -0,0 +1,18 @@
+const path = require('path');
+const { defineConfig } = require('vite');
+const vue = require('@vitejs/plugin-vue');
+
+export default defineConfig({
+  build: {
+    lib: {
+      formats: ['es'],
+      entry: path.resolve(__dirname, 'src', 'index.ts'),
+      name: 'ReduxVuex',
+      fileName: (format) => `redux-vuex.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['vue', 'redux']
+    },
+  },
+  plugins: [vue()]
+});