(fix #1) default to unstyled

Author: shwilliam

README.md

@@ -10,10 +10,10 @@
 
 ## Props
 
-|Prop   |Type   |Required|Default|Description                         |
-|-------|-------|--------|-------|------------------------------------|
-|loading|boolean|false   |false  |Controls loading indicator animation|
-|styled |boolean|false   |true   |Disables inessential default styles |
+| Prop    | Type    | Required | Default | Description                          |
+| ------- | ------- | -------- | ------- | ------------------------------------ |
+| loading | boolean | false    | false   | Controls loading indicator animation |
+| styled  | boolean | false    | false   | Enables opinionated sample styles    |
 
 ## Installation
 
@@ -40,13 +40,13 @@ Import, register and place the component in your Vue app.
 ```
 
 ```js
-import VueLoadingButton from 'vue-loading-button'
+import VueLoadingButton from 'vue-loading-button';
 
 export default {
   components: {
     VueLoadingButton,
-  }
-}
+  },
+};
 ```
 
 ## Accessibility

examples/example.vue

@@ -28,7 +28,7 @@ export default {
   data() {
     return {
       isLoading: false,
-      isStyled: true
+      isStyled: false
     };
   },
   methods: {

src/vue-loading-button.vue

@@ -30,7 +30,7 @@ export default {
     styled: {
       type: Boolean,
       required: false,
-      default: true
+      default: false
     }
   }
 };
@@ -138,7 +138,7 @@ button:not(:disabled) .spinner span:nth-child(4) {
   }
 }
 
-/* default styles */
+/* optional styles */
 .default-styles {
   color: white;
   background-color: blue;