feat: vue 3 support (#175)

Author: thabarbados

.eslintignore

@@ -0,0 +1,7 @@
+# builds
+package
+dist
+
+# legacy builds
+/legacy/index.cjs
+/legacy/index.js

.github/workflows/ci.yml

@@ -21,5 +21,8 @@ jobs:
  cache: 'pnpm'
  - name: Install dependencies
  run: pnpm install
+ - name: Install dependencies to legacy folder
+ working-directory: legacy
+ run: pnpm install
  - name: Run tests
  run: pnpm test

.github/workflows/release.yml

@@ -21,6 +21,9 @@ jobs:
  registry-url: 'https://registry.npmjs.org'
  - name: Install dependencies
  run: pnpm install
+ - name: Install dependencies to legacy folder
+ working-directory: legacy
+ run: pnpm install
  - name: Publish
  run: pnpm publish --no-git-checks
  env:

.gitignore

@@ -16,3 +16,9 @@ npm-debug.log*
 
 # testing
 coverage
+
+# legacy builds
+/legacy/index.cjs
+/legacy/index.cjs.map
+/legacy/index.js
+/legacy/index.js.map

.storybook/main.js

@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = {
  stories: ['../stories/*.stories.(js|ts)'],
  addons: ['@storybook/addon-essentials'],
- framework: '@storybook/vue',
+ framework: '@storybook/vue3',
  webpackFinal: async config => {
  config.resolve.alias['vue-google-charts'] = path.resolve(
  __dirname,

jest.config.js

@@ -3,7 +3,7 @@ module.exports = {
  testMatch: ['<rootDir>/test/(*.)spec.(js|ts)'],
  moduleFileExtensions: ['js', 'ts', 'vue'],
  transform: {
- '^.+\\.vue$': '@vue/vue2-jest',
+ '^.+\\.vue$': '@vue/vue3-jest',
  '^.+\\.(t|j)sx?$': [
  '@swc/jest',
  {

legacy/.babelrc

@@ -0,0 +1,3 @@
+{
+ "extends": "../.babelrc"
+}

legacy/jest.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+ testEnvironment: 'jsdom',
+ testMatch: ['<rootDir>/test/(*.)spec.(js|ts)'],
+ moduleFileExtensions: ['js', 'ts', 'vue'],
+ transform: {
+ '^.+\\.vue$': '@vue/vue2-jest',
+ '^.+\\.(t|j)sx?$': [
+ '@swc/jest',
+ {
+ module: {
+ type: 'commonjs',
+ },
+ env: {
+ targets: {
+ node: 12,
+ },
+ },
+ },
+ ],
+ },
+ collectCoverage: true,
+ collectCoverageFrom: ['<rootDir>/src/*'],
+ coverageReporters: ['lcovonly', 'text'],
+};

legacy/package.json

@@ -0,0 +1,24 @@
+{
+ "main": "./legacy/src/index.ts",
+ "types": "./legacy/src/index.d.ts",
+ "publishConfig": {
+ "main": "./legacy/index.cjs",
+ "module": "./legacy/index.js"
+ },
+ "scripts": {
+ "test:unit": "jest -c jest.config.js"
+ },
+ "devDependencies": {
+ "@babel/core": "7.17.9",
+ "@swc/core": "^1.2.124",
+ "@swc/jest": "^0.2.20",
+ "@vue/test-utils": "1",
+ "@vue/vue2-jest": "27.0.0-alpha.4",
+ "babel-jest": "27.5.1",
+ "core-js": "^3.22.2",
+ "jest": "27.5.1",
+ "rollup-plugin-vue2": "^0.8.1",
+ "vue": "2.6.14",
+ "vue-template-compiler": "2.6.14"
+ }
+}