release v0.6.0 🎉

.eslintrc.js

@@ -3,15 +3,32 @@ module.exports = {
   env: {
     node: true
   },
-  'extends': [
+  plugins: ['testing-library'],
+  extends: [
     'plugin:vue/essential',
     '@vue/standard',
-    '@nuxtjs'
+    '@nuxtjs',
+    'plugin:testing-library/recommended',
+    'plugin:testing-library/vue'
   ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'curly': 'off'
+    curly: 'off',
+    'testing-library/no-debug': 'error',
+    'testing-library/prefer-screen-queries': 'error',
+    'testing-library/await-fire-event': 'error',
+    indent: [
+      'error',
+      2,
+      {
+        SwitchCase: 1,
+        ignoredNodes: [
+          'TemplateLiteral'
+        ]
+      }
+    ],
+    'template-curly-spacing': 0
   },
   parserOptions: {
     parser: 'babel-eslint'
@@ -23,10 +40,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/*.{j,t}s?(x)'
-      ],
+      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/*.{j,t}s?(x)'],
       env: {
         jest: true
       }

.github/workflows/test.yml

@@ -0,0 +1,34 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Build & Test Components
+
+on:
+  # Trigger the workflow on push or pull request,
+  # but only for the master branch
+  push:
+    branches:
+      - develop
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [12.x]
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: yarn
+    - run: yarn bootstrap
+    - run: yarn lint
+    - run: yarn build --if-present
+    - run: yarn test
+      env:
+        CI: true

.gitignore

@@ -34,4 +34,5 @@ packages/*/node_modules
 lerna-debug.log
 .now
 config/.env
-packages/nuxt-chakra/.github
+packages/nuxt-chakra/.github
+packages/chakra-ui-docs/static/sw.js

.storybook/config.js

@@ -1,9 +1,10 @@
 import { configure, addDecorator, addParameters } from '@storybook/vue';
 import Vue from 'vue'
+import VueLive from 'vue-live'
+import Lorem from 'vue-lorem-ipsum'
 import Chakra, { CThemeProvider, CColorModeProvider, CReset } from '../packages/chakra-ui-core/src'
 import Canvas from './components/Canvas.vue'
 import theme from '../packages/chakra-ui-core/src/lib/theme'
-import icons from '../packages/chakra-ui-core/src/lib/internal-icons'
 import storyBookTheme from './theme'
 
 import {
@@ -81,6 +82,10 @@ addDecorator(() => ({
   components: { CThemeProvider, CColorModeProvider, CReset, Canvas }
 }));
 
+// For playground
+Vue.use(VueLive)
+
+Vue.component('Lorem', Lorem)
 
 function loadStories() {
   const req = require.context('../packages/chakra-ui-core/src', true, /\.stories\.(js|mdx)$/);

babel.config.js

@@ -3,10 +3,5 @@ module.exports = {
     '@vue/app',
     '@babel/preset-env',
     '@vue/babel-preset-jsx'
-  ],
-  env: {
-    test: {
-      plugins: ['transform-es2015-modules-commonjs']
-    }
-  }
+  ]
 }

jest.config.js

@@ -29,5 +29,6 @@ module.exports = {
   watchPlugins: [
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname'
-  ]
+  ],
+  testEnvironmentOptions: { resources: 'usable' }
 }

jsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./*"],
+      "@/*": ["./*"],
+      "~~/*": ["./*"],
+      "@@/*": ["./*"]
+    }
+  },
+  "exclude": ["node_modules", ".nuxt", "dist"]
+}

package.json

@@ -114,7 +114,7 @@
     "mixpanel-browser": "^2.36.0",
     "node-fetch": "^2.6.0",
     "node-sass": "^4.13.1",
-    "nuxt": "^2.12.2",
+    "nuxt": "^2.13.3",
     "portal-vue": "^2.1.6",
     "prismjs": "^1.19.0",
     "register-service-worker": "^1.6.2",
@@ -141,13 +141,14 @@
     "@testing-library/user-event": "^10.0.0",
     "@testing-library/vue": "^4.1.0",
     "@vue/devtools": "^5.3.3",
-    "babel-eslint": "^10.0.1",
+    "babel-eslint": "^10.1.0",
     "bundlesize": "^0.18.0",
     "cross-env": "^7.0.2",
     "eslint-config-prettier": "^6.10.0",
     "eslint-loader": "^3.0.3",
     "eslint-plugin-nuxt": ">=0.4.2",
     "eslint-plugin-prettier": "^3.1.2",
+    "eslint-plugin-testing-library": "^3.3.1",
     "jest": "^25.1.0",
     "prettier": "^1.19.1",
     "rimraf": "^3.0.2",

packages/chakra-ui-core/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 0.6.0
+
+### Minor Changes
+
+- 38460db: Resolves performance issues my changing the underlying styling api.
+  Lots of optimizations in low-level primitives that yield better runtime performance for Chakra UI Vue.
+
 ## 0.5.10
 
 ### Patch Changes

packages/chakra-ui-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chakra-ui/vue",
-  "version": "0.5.10",
-  "description": "Build Accessible and Responsive Vue.js applications with ease",
+  "version": "0.6.0",
+  "description": "Build Accessible and Responsive Vue.js websites and applications with speed ⚡️",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "unpkg": "dist/umd/index.min.js",