Deps/update-07022022

.github/workflows/ci.yml

@@ -12,9 +12,9 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v2
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
       - name: Install dependencies
         run: yarn
       - name: Build Library

.github/workflows/release.yml

@@ -12,9 +12,9 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v2
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
       - name: Install dependencies
         run: yarn
       - name: Build Library

package.json

@@ -54,58 +54,58 @@
     "./dist/themes/": "./dist/themes/"
   },
   "dependencies": {
-    "@tailwindcss/typography": "^0.4.1",
     "deep-clone": "^3.0.3",
-    "deep-object-diff": "^1.1.0"
+    "deep-object-diff": "^1.1.7"
   },
   "devDependencies": {
     "@asigloo/prettier-config": "^0.2.0",
-    "@cypress/vite-dev-server": "^2.0.1",
-    "@iconify/json": "^1.1.373",
-    "@microsoft/api-extractor": "^7.18.1",
-    "@types/jest": "^26.0.24",
-    "@typescript-eslint/eslint-plugin": "^4.28.2",
-    "@typescript-eslint/parser": "^4.28.2",
-    "@vitejs/plugin-vue": "^1.2.4",
-    "@vue/compiler-sfc": "3.1.4",
-    "@vue/test-utils": "^2.0.0-rc.10",
-    "autoprefixer": "^10.3.0",
-    "babel-core": "7.0.0-bridge.0",
+    "@cypress/vite-dev-server": "^2.2.2",
+    "@iconify/json": "^2.0.34",
+    "@microsoft/api-extractor": "^7.19.4",
+    "@tailwindcss/typography": "^0.5.1",
+    "@types/jest": "^27.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.10.2",
+    "@typescript-eslint/parser": "^5.10.2",
+    "@vitejs/plugin-vue": "^2.1.0",
+    "@vue/compiler-sfc": "3.2.30",
+    "@vue/test-utils": "2.0.0-rc.17",
+    "autoprefixer": "^10.4.2",
+    "babel-core": "6.26.3",
     "babel-eslint": "10.1.0",
-    "babel-jest": "27.0.6",
-    "cypress": "^7.7.0",
-    "eslint": "7.30.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-vue": "^7.13.0",
-    "husky": "^7.0.1",
-    "is-ci": "^3.0.0",
-    "jest": "^27.0.6",
+    "babel-jest": "27.5.0",
+    "cypress": "^9.4.1",
+    "eslint": "8.8.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.4.1",
+    "husky": "^7.0.4",
+    "is-ci": "^3.0.1",
+    "jest": "^27.5.0",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
-    "jest-watch-typeahead": "^0.6.4",
-    "node-sass": "6.0.1",
+    "jest-watch-typeahead": "^1.0.0",
+    "node-sass": "7.0.1",
     "pinst": "^2.1.6",
-    "postcss": "^8.3.5",
-    "prettier": "2.3.2",
-    "rollup": "^2.53.0",
+    "postcss": "^8.4.6",
+    "prettier": "2.5.1",
+    "rollup": "^2.67.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "sass": "^1.35.2",
-    "semantic-release": "17.4.4",
-    "tailwindcss": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "sass": "^1.49.7",
+    "semantic-release": "19.0.2",
+    "tailwindcss": "^3.0.18",
     "tailwindcss-animatecss": "^1.0.7",
-    "ts-jest": "^27.0.3",
-    "ts-node": "^10.1.0",
-    "typescript": "~4.3.5",
-    "vite": "^2.5.0",
-    "vite-plugin-components": "^0.13.2",
-    "vite-plugin-icons": "^0.6.5",
-    "vite-plugin-pwa": "^0.11.2",
-    "vitepress": "^0.16.1",
-    "vue": "^3.1.4",
+    "ts-jest": "^27.1.3",
+    "ts-node": "^10.4.0",
+    "typescript": "~4.5.5",
+    "unplugin-icons": "^0.13.0",
+    "unplugin-vue-components": "^0.17.17",
+    "vite": "^2.7.13",
+    "vite-plugin-pwa": "^0.11.13",
+    "vitepress": "^0.21.6",
+    "vue": "^3.2.30",
     "vue-jest": "^5.0.0-alpha.10",
-    "vue-router": "^4.0.1",
-    "vue-select": "3.11.2"
+    "vue-router": "^4.0.12",
+    "vue-select": "3.16.0"
   },
   "types": "dist/as-dynamic-forms.d.ts"
 }

src/components.d.ts

@@ -0,0 +1,22 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CheckboxInput: typeof import('./components/checkbox-input/CheckboxInput.vue')['default']
+    CodiconGithub: typeof import('~icons/codicon/github')['default']
+    Console: typeof import('./../demos/vue-3/src/components/Console.vue')['default']
+    DynamicForm: typeof import('./components/dynamic-form/DynamicForm.vue')['default']
+    DynamicInput: typeof import('./components/dynamic-input/DynamicInput.vue')['default']
+    IonDocumentTextOutline: typeof import('~icons/ion/document-text-outline')['default']
+    NumberInput: typeof import('./components/number-input/NumberInput.vue')['default']
+    RadioInput: typeof import('./components/radio-input/RadioInput.vue')['default']
+    SelectInput: typeof import('./components/select-input/SelectInput.vue')['default']
+    TextAreaInput: typeof import('./components/text-area-input/TextAreaInput.vue')['default']
+    TextInput: typeof import('./components/text-input/TextInput.vue')['default']
+    Toolbar: typeof import('./../demos/vue-3/src/components/Toolbar.vue')['default']
+  }
+}
+
+export { }

vite.config.ts

@@ -1,10 +1,10 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import ViteComponents from 'vite-plugin-components';
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import Components from 'unplugin-vue-components/vite'
+import Icons from 'unplugin-icons/vite'
+import IconsResolver from 'unplugin-icons/resolver'
 
-import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons';
-
-const { resolve } = require('path');
+const { resolve } = require('path')
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -15,12 +15,28 @@ export default defineConfig({
   },
   plugins: [
     vue(),
-    ViteComponents({
-      dirs: ['src/components', 'demos/vue-3/src/components'],
-      customComponentResolvers: ViteIconsResolver({
-        componentPrefix: '', // <--
-      }),
+    Components({
+      // allow auto load markdown components under `./src/components/`
+      extensions: ['vue', 'md'],
+
+      // allow auto import and register components used in markdown
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      dirs: ['./src/components', 'demos/vue-3/src/components'],
+
+      // custom resolvers
+      resolvers: [
+        // auto import icons
+        // https://github.com/antfu/unplugin-icons
+        IconsResolver({
+          prefix: false,
+          // enabledCollections: ['carbon']
+        }),
+      ],
+
+      dts: 'src/components.d.ts',
+    }),
+    Icons({
+      autoInstall: true,
     }),
-    ViteIcons({}),
   ],
-});
+})