chore(config): update test workflows

fix(bulmil):  variable

chore(examples): Update Next & Nuxt examples

.circleci/config.yml

@@ -20,6 +20,6 @@ workflows:
   build:
     jobs:
       - build
-  # test:
-  #   jobs:
-  #     - test
+  test:
+    jobs:
+      - test

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Thomas Marrec
+Copyright (c) 2019-2020 Thomas Marrec
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

examples/next/package.json

@@ -7,8 +7,8 @@
   },
   "dependencies": {
     "bulmil": "latest",
-    "next": "^9.1.6",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0"
+    "next": "^9.4.4",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
   }
 }

examples/next/pages/index.js

@@ -7,6 +7,8 @@ class Home extends React.Component {
     this.state = {
       color: 'is-primary',
       size: null,
+      light: false,
+      outlined: false,
     };
 
     this.colors = [
@@ -27,20 +29,28 @@ class Home extends React.Component {
     this.sizes = ['is-large', 'is-medium', 'is-small', null];
   }
 
-  handleButtonClick = e => {
-    const sizes = this.sizes.filter(s => s !== this.state.size);
-    const colors = this.colors.filter(c => c !== this.state.color);
+  handleButtonClick = (e) => {
+    const sizes = this.sizes.filter((s) => s !== this.state.size);
+    const colors = this.colors.filter((c) => c !== this.state.color);
 
     this.setState({
       color: colors[Math.floor(Math.random() * this.colors.length)],
       size: sizes[Math.floor(Math.random() * this.sizes.length)],
+      outlined: Math.floor(Math.random() * 10) >= 5,
+      light: Math.floor(Math.random() * 10) >= 5,
     });
   };
 
   render() {
     return (
       <div className="container">
-        <bm-button size={this.state.size} color={this.state.color} onClick={this.handleButtonClick}>
+        <bm-button
+          is-outlined={this.state.outlined}
+          is-light={this.state.light}
+          size={this.state.size}
+          color={this.state.color}
+          onClick={this.handleButtonClick}
+        >
           Click Me!
         </bm-button>
 

examples/nuxt/package.json

@@ -13,12 +13,12 @@
   },
   "dependencies": {
     "bulmil": "latest",
-    "nuxt": "^2.11.0",
+    "nuxt": "^2.12.2",
     "nuxt-stencil": "^0.1.1"
   },
   "devDependencies": {
-    "eslint-config-prettier": "^6.9.0",
-    "eslint-plugin-prettier": "^3.1.2",
-    "prettier": "^1.19.1"
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "prettier": "^2.0.5"
   }
 }

examples/nuxt/pages/index.vue

@@ -1,6 +1,12 @@
 <template>
   <div class="container">
-    <bm-button :color="color" :size="size" @click="changeMe">
+    <bm-button
+      :color="color"
+      :size="size"
+      :is-light="light"
+      :is-outlined="outlined"
+      @click="changeMe"
+    >
       Click Me!
     </bm-button>
   </div>
@@ -12,6 +18,8 @@ export default {
     text: 'Click Me!',
     size: null,
     color: 'is-primary',
+    outlined: false,
+    light: false,
     colors: [
       'is-primary',
       'is-link',
@@ -33,6 +41,8 @@ export default {
     changeMe() {
       const sizes = this.sizes.filter(s => s !== this.size)
       const colors = this.colors.filter(c => c !== this.color)
+      this.outlined = Math.floor(Math.random() * 10) >= 5
+      this.light = Math.floor(Math.random() * 10) >= 5
       this.color = colors[Math.floor(Math.random() * colors.length)]
       this.size = sizes[Math.floor(Math.random() * sizes.length)]
     }