review-29-update-sufbo3.design.homecode.com Open in urlscan Pro
68.183.252.146  Public Scan

[HMR] connected

%c[HMR] bundle has 65 warnings color: #999933;

%c./src/components/fields/autocomplete/ResultItemAddress.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'event' is defined but never used (no-unused-vars) at src/components/fields/autocomplete/ResultItemAddress.vue:43:11: 41 | 42 | methods: { > 43 | click(event) { | ^ 44 | this.$parent.$emit('item:selected', this.index, this.payload); 45 | }, 46 | }, 1 error found. ./src/compounds/login/TheLogin.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'event' is defined but never used (no-unused-vars) at src/compounds/login/TheLogin.vue:109:17: 107 | 108 | methods: { > 109 | async login(event) { | ^ 110 | this.showValidation = true; 111 | 112 | if (this.$v.$invalid) { 1 error found. ./src/components/button/Button.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'format' is defined but never used (no-unused-vars) at src/components/button/Button.vue:18:10: 16 | 17 | <script> > 18 | import { format } from 'path'; | ^ 19 | export default { 20 | name: 'Button', 21 | error: Insert `··` (prettier/prettier) at src/components/button/Button.vue:213:9: 211 | } else { 212 | if (this.$route) { > 213 | formattedTrackingData.category = `Path: ${this.$route.name || | ^ 214 | this.$route.path}`; 215 | } else { 216 | formattedTrackingData.category = `Path: ${window.location.pathname}`; error: Insert `··` (prettier/prettier) at src/components/button/Button.vue:214:1: 212 | if (this.$route) { 213 | formattedTrackingData.category = `Path: ${this.$route.name || > 214 | this.$route.path}`; | ^ 215 | } else { 216 | formattedTrackingData.category = `Path: ${window.location.pathname}`; 217 | } 3 errors found. 2 errors potentially fixable with the `--fix` option. ./src/components/map/TheMap.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'google' is not defined (no-undef) at src/components/map/TheMap.vue:49:29: 47 | const pinIcon = { 48 | url: 'https://static.settled.co.uk/homecode/images/map_pin.svg', > 49 | scaledSize: new google.maps.Size(50, 42), | ^ 50 | }; 51 | 52 | new google.maps.Marker({ error: 'google' is not defined (no-undef) at src/components/map/TheMap.vue:52:15: 50 | }; 51 | > 52 | new google.maps.Marker({ | ^ 53 | position: markerPosition, 54 | map: vm.map, 55 | optimized: false, error: 'google' is not defined (no-undef) at src/components/map/TheMap.vue:82:22: 80 | 81 | this.$nextTick(function() { > 82 | this.map = new google.maps.Map(document.getElementById('map'), { | ^ 83 | zoom: 15, 84 | center: this.location, 85 | disableDefaultUI: true, error: 'google' is not defined (no-undef) at src/components/map/TheMap.vue:92:25: 90 | 91 | // Add marker > 92 | this.marker = new google.maps.Marker({ | ^ 93 | position: this.location, 94 | map: this.map, 95 | }); error: 'google' is not defined (no-undef) at src/components/map/TheMap.vue:97:27: 95 | }); 96 | > 97 | this.geocoder = new google.maps.Geocoder(); | ^ 98 | }); 99 | }, 100 | }; 5 errors found. ./src/components/streetview/Streetview.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'google' is not defined (no-undef) at src/components/streetview/Streetview.vue:64:28: 62 | const vm = this; 63 | > 64 | const geocoder = new google.maps.Geocoder(); | ^ 65 | geocoder.geocode({ address }, function(results, status) { 66 | if (status == 'OK') { 67 | const position = results[0].geometry.location; error: 'google' is not defined (no-undef) at src/components/streetview/Streetview.vue:68:15: 66 | if (status == 'OK') { 67 | const position = results[0].geometry.location; > 68 | new google.maps.StreetViewPanorama( | ^ 69 | document.getElementById('streetview'), 70 | { 71 | position, 2 errors found. ./src/components/fields/autocomplete/Autocomplete.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: 'shouldReset' is defined but never used (no-unused-vars) at src/components/fields/autocomplete/Autocomplete.vue:116:11: 114 | this.displayMenu = newValue; 115 | }, > 116 | reset(shouldReset) { | ^ 117 | this.inputValue = ''; 118 | }, 119 | }, 1 error found. ./src/components/button-collection/ButtonCollection.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `·` (prettier/prettier) at src/components/button-collection/ButtonCollection.vue:25:52: 23 | }, 24 | /** > 25 | * Push a pair of buttons to the left and right | ^ 26 | * of a container e.g. Next / Previous button. 27 | */ 28 | bookends: { 1 error found. 1 error potentially fixable with the `--fix` option. ./src/components/fields/scalar/Scalar.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:7:9: 5 | 6 | <field-item class="field-item--button"> > 7 | <slot name="button" /> | ^ 8 | </field-item> 9 | </field-form> 10 | </section> error: Delete `··` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:18:3: 16 | 17 | export default { > 18 | name: 'ScalarForm', | ^ 19 | 20 | components: { 21 | FieldForm, error: Delete `··` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:20:3: 18 | name: 'ScalarForm', 19 | > 20 | components: { | ^ 21 | FieldForm, 22 | FieldItem, 23 | } error: Replace `········` with `····` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:21:1: 19 | 20 | components: { > 21 | FieldForm, | ^ 22 | FieldItem, 23 | } 24 | } error: Replace `········` with `····` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:22:1: 20 | components: { 21 | FieldForm, > 22 | FieldItem, | ^ 23 | } 24 | } 25 | </script> error: Replace `····}` with `··},` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:23:1: 21 | FieldForm, 22 | FieldItem, > 23 | } | ^ 24 | } 25 | </script> error: Insert `;` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:24:2: 22 | FieldItem, 23 | } > 24 | } | ^ 25 | </script> error: Insert `⏎` (prettier/prettier) at src/components/fields/scalar/Scalar.vue:25:10: 23 | } 24 | } > 25 | </script> | ^ 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/flyout/FlyoutTabs.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:2:3: 1 | <template> > 2 | <section class="flyout-tabs"> | ^ 3 | <ul class="flyout-tabs__nav"> 4 | <slot name="flyout-tabs-nav" /> 5 | </ul> error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:3:1: 1 | <template> 2 | <section class="flyout-tabs"> > 3 | <ul class="flyout-tabs__nav"> | ^ 4 | <slot name="flyout-tabs-nav" /> 5 | </ul> 6 | <div class="flyout-tabs__main"> error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:4:1: 2 | <section class="flyout-tabs"> 3 | <ul class="flyout-tabs__nav"> > 4 | <slot name="flyout-tabs-nav" /> | ^ 5 | </ul> 6 | <div class="flyout-tabs__main"> 7 | <slot name="flyout-tabs-main" /> error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:5:5: 3 | <ul class="flyout-tabs__nav"> 4 | <slot name="flyout-tabs-nav" /> > 5 | </ul> | ^ 6 | <div class="flyout-tabs__main"> 7 | <slot name="flyout-tabs-main" /> 8 | </div> error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:6:1: 4 | <slot name="flyout-tabs-nav" /> 5 | </ul> > 6 | <div class="flyout-tabs__main"> | ^ 7 | <slot name="flyout-tabs-main" /> 8 | </div> 9 | </section> error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:7:1: 5 | </ul> 6 | <div class="flyout-tabs__main"> > 7 | <slot name="flyout-tabs-main" /> | ^ 8 | </div> 9 | </section> 10 | </template> error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:8:1: 6 | <div class="flyout-tabs__main"> 7 | <slot name="flyout-tabs-main" /> > 8 | </div> | ^ 9 | </section> 10 | </template> 11 | error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:9:1: 7 | <slot name="flyout-tabs-main" /> 8 | </div> > 9 | </section> | ^ 10 | </template> 11 | 12 | <script> error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:14:3: 12 | <script> 13 | export default { > 14 | name: 'FlyoutTabs', | ^ 15 | } 16 | </script> error: Insert `;` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:15:2: 13 | export default { 14 | name: 'FlyoutTabs', > 15 | } | ^ 16 | </script> error: Insert `⏎` (prettier/prettier) at src/components/flyout/FlyoutTabs.vue:16:10: 14 | name: 'FlyoutTabs', 15 | } > 16 | </script> | ^ 11 errors found. 11 errors potentially fixable with the `--fix` option. ./src/components/flyout/FlyoutTabsNav.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:2:3: 1 | <template> > 2 | <li class="flyout-tabs__nav-item"> | ^ 3 | <button role="tab" class="flyout-tabs__nav-trigger" :class="{ 'flyout-tabs__nav-trigger--active' : isActive }" @click="change"><span class="flyout-tabs__nav-trigger__content"><slot /></span></button> 4 | </li> 5 | </template> error: Replace `····<button·role="tab"·class="flyout-tabs__nav-trigger"·:class="{·'flyout-tabs__nav-trigger--active'·:·isActive·}"·@click="change"><span·class="flyout-tabs__nav-trigger__content"><slot·/></span` with `<button⏎······role="tab"⏎······class="flyout-tabs__nav-trigger"⏎······:class="{·'flyout-tabs__nav-trigger--active':·isActive·}"⏎······@click="change"⏎······><span·class="flyout-tabs__nav-trigger__content"><slot·/></span⏎····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:3:5: 1 | <template> 2 | <li class="flyout-tabs__nav-item"> > 3 | <button role="tab" class="flyout-tabs__nav-trigger" :class="{ 'flyout-tabs__nav-trigger--active' : isActive }" @click="change"><span class="flyout-tabs__nav-trigger__content"><slot /></span></button> | ^ 4 | </li> 5 | </template> 6 | error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:4:1: 2 | <li class="flyout-tabs__nav-item"> 3 | <button role="tab" class="flyout-tabs__nav-trigger" :class="{ 'flyout-tabs__nav-trigger--active' : isActive }" @click="change"><span class="flyout-tabs__nav-trigger__content"><slot /></span></button> > 4 | </li> | ^ 5 | </template> 6 | 7 | <script> error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:9:3: 7 | <script> 8 | export default { > 9 | name: 'FlyoutTabsNav', | ^ 10 | 11 | props: { 12 | active: { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:11:1: 9 | name: 'FlyoutTabsNav', 10 | > 11 | props: { | ^ 12 | active: { 13 | type: Boolean, 14 | default: false, error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:12:1: 10 | 11 | props: { > 12 | active: { | ^ 13 | type: Boolean, 14 | default: false, 15 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:13:1: 11 | props: { 12 | active: { > 13 | type: Boolean, | ^ 14 | default: false, 15 | }, 16 | references: { error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:14:1: 12 | active: { 13 | type: Boolean, > 14 | default: false, | ^ 15 | }, 16 | references: { 17 | type: String, error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:15:1: 13 | type: Boolean, 14 | default: false, > 15 | }, | ^ 16 | references: { 17 | type: String, 18 | default: '', error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:16:1: 14 | default: false, 15 | }, > 16 | references: { | ^ 17 | type: String, 18 | default: '', 19 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:17:1: 15 | }, 16 | references: { > 17 | type: String, | ^ 18 | default: '', 19 | }, 20 | }, error: Delete `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:18:1: 16 | references: { 17 | type: String, > 18 | default: '', | ^ 19 | }, 20 | }, 21 | error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:19:5: 17 | type: String, 18 | default: '', > 19 | }, | ^ 20 | }, 21 | 22 | created() { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:20:1: 18 | default: '', 19 | }, > 20 | }, | ^ 21 | 22 | created() { 23 | if (this.active) { error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:22:1: 20 | }, 21 | > 22 | created() { | ^ 23 | if (this.active) { 24 | this.change(); 25 | } error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:23:1: 21 | 22 | created() { > 23 | if (this.active) { | ^ 24 | this.change(); 25 | } 26 | }, error: Delete `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:24:1: 22 | created() { 23 | if (this.active) { > 24 | this.change(); | ^ 25 | } 26 | }, 27 | error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:25:5: 23 | if (this.active) { 24 | this.change(); > 25 | } | ^ 26 | }, 27 | 28 | computed: { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:26:1: 24 | this.change(); 25 | } > 26 | }, | ^ 27 | 28 | computed: { 29 | isActive() { error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:28:1: 26 | }, 27 | > 28 | computed: { | ^ 29 | isActive() { 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); 31 | }, warning: The "computed" property should be above the "created" property on line 22 (vue/order-in-components) at src/components/flyout/FlyoutTabsNav.vue:28:5: 26 | }, 27 | > 28 | computed: { | ^ 29 | isActive() { 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); 31 | }, error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:29:1: 27 | 28 | computed: { > 29 | isActive() { | ^ 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); 31 | }, 32 | }, error: Delete `······` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:30:1: 28 | computed: { 29 | isActive() { > 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); | ^ 31 | }, 32 | }, 33 | error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:31:5: 29 | isActive() { 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); > 31 | }, | ^ 32 | }, 33 | 34 | methods: { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:32:1: 30 | return this.$store.getters['site/activeFlyoutTab'](this.references); 31 | }, > 32 | }, | ^ 33 | 34 | methods: { 35 | change() { error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:34:1: 32 | }, 33 | > 34 | methods: { | ^ 35 | change() { 36 | this.$store.dispatch('site/setFlyoutTab', this.references); 37 | }, error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:35:1: 33 | 34 | methods: { > 35 | change() { | ^ 36 | this.$store.dispatch('site/setFlyoutTab', this.references); 37 | }, 38 | } error: Replace `············this.$store.dispatch('site/setFlyoutTab',·this.references);·` with `······this.$store.dispatch('site/setFlyoutTab',·this.references);` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:36:1: 34 | methods: { 35 | change() { > 36 | this.$store.dispatch('site/setFlyoutTab', this.references); | ^ 37 | }, 38 | } 39 | } error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:37:1: 35 | change() { 36 | this.$store.dispatch('site/setFlyoutTab', this.references); > 37 | }, | ^ 38 | } 39 | } 40 | </script> error: Replace `··}` with `},` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:38:3: 36 | this.$store.dispatch('site/setFlyoutTab', this.references); 37 | }, > 38 | } | ^ 39 | } 40 | </script> error: Insert `;` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:39:2: 37 | }, 38 | } > 39 | } | ^ 40 | </script> error: Insert `⏎` (prettier/prettier) at src/components/flyout/FlyoutTabsNav.vue:40:10: 38 | } 39 | } > 40 | </script> | ^ 31 errors and 1 warning found. 31 errors and 1 warning potentially fixable with the `--fix` option. ./src/components/meta/MetaCollection.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/meta/MetaCollection.vue:2:3: 1 | <template> > 2 | <component :is="type" class="meta__collection"> | ^ 3 | <slot /> 4 | </component> 5 | </template> error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaCollection.vue:3:1: 1 | <template> 2 | <component :is="type" class="meta__collection"> > 3 | <slot /> | ^ 4 | </component> 5 | </template> 6 | error: Delete `··` (prettier/prettier) at src/components/meta/MetaCollection.vue:4:1: 2 | <component :is="type" class="meta__collection"> 3 | <slot /> > 4 | </component> | ^ 5 | </template> 6 | 7 | <script> error: Delete `··` (prettier/prettier) at src/components/meta/MetaCollection.vue:9:1: 7 | <script> 8 | export default { > 9 | name: 'MetaCollection', | ^ 10 | 11 | props: { 12 | type: { error: Delete `··` (prettier/prettier) at src/components/meta/MetaCollection.vue:11:3: 9 | name: 'MetaCollection', 10 | > 11 | props: { | ^ 12 | type: { 13 | type: String, 14 | default: 'span', error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaCollection.vue:12:1: 10 | 11 | props: { > 12 | type: { | ^ 13 | type: String, 14 | default: 'span', 15 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaCollection.vue:13:1: 11 | props: { 12 | type: { > 13 | type: String, | ^ 14 | default: 'span', 15 | }, 16 | }, error: Delete `······` (prettier/prettier) at src/components/meta/MetaCollection.vue:14:1: 12 | type: { 13 | type: String, > 14 | default: 'span', | ^ 15 | }, 16 | }, 17 | error: Delete `····` (prettier/prettier) at src/components/meta/MetaCollection.vue:15:5: 13 | type: String, 14 | default: 'span', > 15 | }, | ^ 16 | }, 17 | 18 | } error: Replace `····` with `··` (prettier/prettier) at src/components/meta/MetaCollection.vue:16:1: 14 | default: 'span', 15 | }, > 16 | }, | ^ 17 | 18 | } 19 | </script> error: Replace `⏎}` with `};` (prettier/prettier) at src/components/meta/MetaCollection.vue:17:1: 15 | }, 16 | }, > 17 | | ^ 18 | } 19 | </script> error: Insert `⏎` (prettier/prettier) at src/components/meta/MetaCollection.vue:19:10: 17 | 18 | } > 19 | </script> | ^ 12 errors found. 12 errors potentially fixable with the `--fix` option. ./src/components/meta/MetaItem.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/meta/MetaItem.vue:2:3: 1 | <template> > 2 | <component :is="type" class="meta"> | ^ 3 | <span class="meta__label"><slot name="label">{{ label }}</slot></span> 4 | <span class="meta__value"><slot name="value">{{ value }}</slot></span> 5 | </component> error: Replace `····<span·class="meta__label"><slot·name="label">{{·label·}}</slot></span>` with `<span·class="meta__label"⏎······><slot·name="label">{{·label·}}</slot></span` (prettier/prettier) at src/components/meta/MetaItem.vue:3:5: 1 | <template> 2 | <component :is="type" class="meta"> > 3 | <span class="meta__label"><slot name="label">{{ label }}</slot></span> | ^ 4 | <span class="meta__value"><slot name="value">{{ value }}</slot></span> 5 | </component> 6 | </template> error: Replace `····<span·class="meta__value"><slot·name="value">{{·value·}}</slot></span>` with `>⏎····<span·class="meta__value"⏎······><slot·name="value">{{·value·}}</slot></span` (prettier/prettier) at src/components/meta/MetaItem.vue:4:5: 2 | <component :is="type" class="meta"> 3 | <span class="meta__label"><slot name="label">{{ label }}</slot></span> > 4 | <span class="meta__value"><slot name="value">{{ value }}</slot></span> | ^ 5 | </component> 6 | </template> 7 | error: Insert `>⏎··` (prettier/prettier) at src/components/meta/MetaItem.vue:5:5: 3 | <span class="meta__label"><slot name="label">{{ label }}</slot></span> 4 | <span class="meta__value"><slot name="value">{{ value }}</slot></span> > 5 | </component> | ^ 6 | </template> 7 | 8 | <script> error: Delete `··` (prettier/prettier) at src/components/meta/MetaItem.vue:10:3: 8 | <script> 9 | export default { > 10 | name: 'MetaItem', | ^ 11 | 12 | props: { 13 | label: { error: Delete `··` (prettier/prettier) at src/components/meta/MetaItem.vue:12:3: 10 | name: 'MetaItem', 11 | > 12 | props: { | ^ 13 | label: { 14 | type: String, 15 | default: 'span', error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaItem.vue:13:1: 11 | 12 | props: { > 13 | label: { | ^ 14 | type: String, 15 | default: 'span', 16 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaItem.vue:14:1: 12 | props: { 13 | label: { > 14 | type: String, | ^ 15 | default: 'span', 16 | }, 17 | type: { error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaItem.vue:15:1: 13 | label: { 14 | type: String, > 15 | default: 'span', | ^ 16 | }, 17 | type: { 18 | type: String, error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaItem.vue:16:1: 14 | type: String, 15 | default: 'span', > 16 | }, | ^ 17 | type: { 18 | type: String, 19 | default: 'span', error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaItem.vue:17:1: 15 | default: 'span', 16 | }, > 17 | type: { | ^ 18 | type: String, 19 | default: 'span', 20 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaItem.vue:18:1: 16 | }, 17 | type: { > 18 | type: String, | ^ 19 | default: 'span', 20 | }, 21 | value: { error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaItem.vue:19:1: 17 | type: { 18 | type: String, > 19 | default: 'span', | ^ 20 | }, 21 | value: { 22 | type: [String, Number], error: Delete `····` (prettier/prettier) at src/components/meta/MetaItem.vue:20:5: 18 | type: String, 19 | default: 'span', > 20 | }, | ^ 21 | value: { 22 | type: [String, Number], 23 | default: 'span', error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaItem.vue:21:1: 19 | default: 'span', 20 | }, > 21 | value: { | ^ 22 | type: [String, Number], 23 | default: 'span', 24 | }, error: Delete `······` (prettier/prettier) at src/components/meta/MetaItem.vue:22:1: 20 | }, 21 | value: { > 22 | type: [String, Number], | ^ 23 | default: 'span', 24 | }, 25 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/meta/MetaItem.vue:23:1: 21 | value: { 22 | type: [String, Number], > 23 | default: 'span', | ^ 24 | }, 25 | }, 26 | error: Replace `········` with `····` (prettier/prettier) at src/components/meta/MetaItem.vue:24:1: 22 | type: [String, Number], 23 | default: 'span', > 24 | }, | ^ 25 | }, 26 | 27 | } error: Delete `··` (prettier/prettier) at src/components/meta/MetaItem.vue:25:1: 23 | default: 'span', 24 | }, > 25 | }, | ^ 26 | 27 | } 28 | </script> error: Replace `⏎}` with `};` (prettier/prettier) at src/components/meta/MetaItem.vue:26:1: 24 | }, 25 | }, > 26 | | ^ 27 | } 28 | </script> error: Insert `⏎` (prettier/prettier) at src/components/meta/MetaItem.vue:28:10: 26 | 27 | } > 28 | </script> | ^ 21 errors found. 21 errors potentially fixable with the `--fix` option. ./src/components/tabs/Tabs.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:2:3: 1 | <template> > 2 | <section role="tabpanel" class="tabs" :class="classes" @tabschange="update"> | ^ 3 | <div class="tabs__header"> 4 | <ul role="tablist" class="tabs__nav"> 5 | <slot name="tabs-nav" @tabschange="update" /> error: Delete `····` (prettier/prettier) at src/components/tabs/Tabs.vue:3:5: 1 | <template> 2 | <section role="tabpanel" class="tabs" :class="classes" @tabschange="update"> > 3 | <div class="tabs__header"> | ^ 4 | <ul role="tablist" class="tabs__nav"> 5 | <slot name="tabs-nav" @tabschange="update" /> 6 | </ul> error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/Tabs.vue:4:1: 2 | <section role="tabpanel" class="tabs" :class="classes" @tabschange="update"> 3 | <div class="tabs__header"> > 4 | <ul role="tablist" class="tabs__nav"> | ^ 5 | <slot name="tabs-nav" @tabschange="update" /> 6 | </ul> 7 | </div> error: Replace `················` with `········` (prettier/prettier) at src/components/tabs/Tabs.vue:5:1: 3 | <div class="tabs__header"> 4 | <ul role="tablist" class="tabs__nav"> > 5 | <slot name="tabs-nav" @tabschange="update" /> | ^ 6 | </ul> 7 | </div> 8 | <div class="tabs__main"> error: Delete `······` (prettier/prettier) at src/components/tabs/Tabs.vue:6:7: 4 | <ul role="tablist" class="tabs__nav"> 5 | <slot name="tabs-nav" @tabschange="update" /> > 6 | </ul> | ^ 7 | </div> 8 | <div class="tabs__main"> 9 | <slot name="tabs-main" /> error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/Tabs.vue:7:1: 5 | <slot name="tabs-nav" @tabschange="update" /> 6 | </ul> > 7 | </div> | ^ 8 | <div class="tabs__main"> 9 | <slot name="tabs-main" /> 10 | </div> error: Delete `····` (prettier/prettier) at src/components/tabs/Tabs.vue:8:1: 6 | </ul> 7 | </div> > 8 | <div class="tabs__main"> | ^ 9 | <slot name="tabs-main" /> 10 | </div> 11 | </section> error: Delete `······` (prettier/prettier) at src/components/tabs/Tabs.vue:9:7: 7 | </div> 8 | <div class="tabs__main"> > 9 | <slot name="tabs-main" /> | ^ 10 | </div> 11 | </section> 12 | </template> error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/Tabs.vue:10:1: 8 | <div class="tabs__main"> 9 | <slot name="tabs-main" /> > 10 | </div> | ^ 11 | </section> 12 | </template> 13 | error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:11:1: 9 | <slot name="tabs-main" /> 10 | </div> > 11 | </section> | ^ 12 | </template> 13 | 14 | <script> error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:16:3: 14 | <script> 15 | export default { > 16 | name: 'Tabs', | ^ 17 | 18 | components: { 19 | error: Replace `····components:·{⏎⏎····` with `··components:·{` (prettier/prettier) at src/components/tabs/Tabs.vue:18:1: 16 | name: 'Tabs', 17 | > 18 | components: { | ^ 19 | 20 | }, 21 | created() { error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:21:1: 19 | 20 | }, > 21 | created() { | ^ 22 | console.warn('this', this); 23 | this.$on('tabschange', () => { 24 | alert('df'); error: Replace `········console.warn('this',·this);··` with `····console.warn('this',·this);` (prettier/prettier) at src/components/tabs/Tabs.vue:22:1: 20 | }, 21 | created() { > 22 | console.warn('this', this); | ^ 23 | this.$on('tabschange', () => { 24 | alert('df'); 25 | }); warning: Unexpected console statement (no-console) at src/components/tabs/Tabs.vue:22:9: 20 | }, 21 | created() { > 22 | console.warn('this', this); | ^ 23 | this.$on('tabschange', () => { 24 | alert('df'); 25 | }); error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/Tabs.vue:23:1: 21 | created() { 22 | console.warn('this', this); > 23 | this.$on('tabschange', () => { | ^ 24 | alert('df'); 25 | }); 26 | }, error: Delete `······` (prettier/prettier) at src/components/tabs/Tabs.vue:24:7: 22 | console.warn('this', this); 23 | this.$on('tabschange', () => { > 24 | alert('df'); | ^ 25 | }); 26 | }, 27 | computed: { error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/Tabs.vue:25:1: 23 | this.$on('tabschange', () => { 24 | alert('df'); > 25 | }); | ^ 26 | }, 27 | computed: { 28 | classes() { error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:26:1: 24 | alert('df'); 25 | }); > 26 | }, | ^ 27 | computed: { 28 | classes() { 29 | return { error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:27:3: 25 | }); 26 | }, > 27 | computed: { | ^ 28 | classes() { 29 | return { 30 | warning: The "computed" property should be above the "created" property on line 21 (vue/order-in-components) at src/components/tabs/Tabs.vue:27:5: 25 | }); 26 | }, > 27 | computed: { | ^ 28 | classes() { 29 | return { 30 | error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/Tabs.vue:28:1: 26 | }, 27 | computed: { > 28 | classes() { | ^ 29 | return { 30 | 31 | }; error: Replace `······return·{⏎⏎············` with `return·{` (prettier/prettier) at src/components/tabs/Tabs.vue:29:7: 27 | computed: { 28 | classes() { > 29 | return { | ^ 30 | 31 | }; 32 | }, error: Delete `····` (prettier/prettier) at src/components/tabs/Tabs.vue:32:1: 30 | 31 | }; > 32 | }, | ^ 33 | }, 34 | 35 | methods: { error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:33:3: 31 | }; 32 | }, > 33 | }, | ^ 34 | 35 | methods: { 36 | update(reference) { error: Delete `··` (prettier/prettier) at src/components/tabs/Tabs.vue:35:1: 33 | }, 34 | > 35 | methods: { | ^ 36 | update(reference) { 37 | console.log('Switch', reference); 38 | } error: Delete `····` (prettier/prettier) at src/components/tabs/Tabs.vue:36:1: 34 | 35 | methods: { > 36 | update(reference) { | ^ 37 | console.log('Switch', reference); 38 | } 39 | } error: Delete `······` (prettier/prettier) at src/components/tabs/Tabs.vue:37:7: 35 | methods: { 36 | update(reference) { > 37 | console.log('Switch', reference); | ^ 38 | } 39 | } 40 | } warning: Unexpected console statement (no-console) at src/components/tabs/Tabs.vue:37:13: 35 | methods: { 36 | update(reference) { > 37 | console.log('Switch', reference); | ^ 38 | } 39 | } 40 | } error: Replace `····}` with `},` (prettier/prettier) at src/components/tabs/Tabs.vue:38:5: 36 | update(reference) { 37 | console.log('Switch', reference); > 38 | } | ^ 39 | } 40 | } 41 | </script> error: Replace `··}` with `},` (prettier/prettier) at src/components/tabs/Tabs.vue:39:3: 37 | console.log('Switch', reference); 38 | } > 39 | } | ^ 40 | } 41 | </script> error: Insert `;` (prettier/prettier) at src/components/tabs/Tabs.vue:40:2: 38 | } 39 | } > 40 | } | ^ 41 | </script> error: Insert `⏎` (prettier/prettier) at src/components/tabs/Tabs.vue:41:10: 39 | } 40 | } > 41 | </script> | ^ 30 errors and 3 warnings found. 30 errors and 1 warning potentially fixable with the `--fix` option. ./src/components/tabs/TabsContentItem.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:2:3: 1 | <template> > 2 | <div class="tabs__content" :class="classes" ref="reference"> | ^ 3 | <slot /> 4 | </div> 5 | </template> warning: Attribute "ref" should go before ":class" (vue/attributes-order) at src/components/tabs/TabsContentItem.vue:2:49: 1 | <template> > 2 | <div class="tabs__content" :class="classes" ref="reference"> | ^ 3 | <slot /> 4 | </div> 5 | </template> error: Delete `····` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:3:1: 1 | <template> 2 | <div class="tabs__content" :class="classes" ref="reference"> > 3 | <slot /> | ^ 4 | </div> 5 | </template> 6 | error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:4:3: 2 | <div class="tabs__content" :class="classes" ref="reference"> 3 | <slot /> > 4 | </div> | ^ 5 | </template> 6 | 7 | <script> error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:9:3: 7 | <script> 8 | export default { > 9 | name: 'TabsContentItem', | ^ 10 | 11 | props: { 12 | reference: { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:11:1: 9 | name: 'TabsContentItem', 10 | > 11 | props: { | ^ 12 | reference: { 13 | type: String, 14 | default: '', error: Delete `····` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:12:5: 10 | 11 | props: { > 12 | reference: { | ^ 13 | type: String, 14 | default: '', 15 | } error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:13:1: 11 | props: { 12 | reference: { > 13 | type: String, | ^ 14 | default: '', 15 | } 16 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:14:1: 12 | reference: { 13 | type: String, > 14 | default: '', | ^ 15 | } 16 | }, 17 | error: Replace `····}` with `},` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:15:5: 13 | type: String, 14 | default: '', > 15 | } | ^ 16 | }, 17 | 18 | data() { error: Replace `····` with `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:16:1: 14 | default: '', 15 | } > 16 | }, | ^ 17 | 18 | data() { 19 | return { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:18:1: 16 | }, 17 | > 18 | data() { | ^ 19 | return { 20 | isActive: false, 21 | }; error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:19:1: 17 | 18 | data() { > 19 | return { | ^ 20 | isActive: false, 21 | }; 22 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:20:1: 18 | data() { 19 | return { > 20 | isActive: false, | ^ 21 | }; 22 | }, 23 | error: Delete `····` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:21:1: 19 | return { 20 | isActive: false, > 21 | }; | ^ 22 | }, 23 | 24 | computed: { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:22:3: 20 | isActive: false, 21 | }; > 22 | }, | ^ 23 | 24 | computed: { 25 | classes() { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:24:1: 22 | }, 23 | > 24 | computed: { | ^ 25 | classes() { 26 | return { 27 | 'tabs__content--active': this.isActive, error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:25:1: 23 | 24 | computed: { > 25 | classes() { | ^ 26 | return { 27 | 'tabs__content--active': this.isActive, 28 | }; error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:26:1: 24 | computed: { 25 | classes() { > 26 | return { | ^ 27 | 'tabs__content--active': this.isActive, 28 | }; 29 | } error: Replace `················` with `········` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:27:1: 25 | classes() { 26 | return { > 27 | 'tabs__content--active': this.isActive, | ^ 28 | }; 29 | } 30 | } error: Delete `······` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:28:7: 26 | return { 27 | 'tabs__content--active': this.isActive, > 28 | }; | ^ 29 | } 30 | } 31 | } error: Replace `········}` with `····},` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:29:1: 27 | 'tabs__content--active': this.isActive, 28 | }; > 29 | } | ^ 30 | } 31 | } 32 | </script> error: Replace `····}` with `··},` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:30:1: 28 | }; 29 | } > 30 | } | ^ 31 | } 32 | </script> error: Insert `;` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:31:2: 29 | } 30 | } > 31 | } | ^ 32 | </script> error: Insert `⏎` (prettier/prettier) at src/components/tabs/TabsContentItem.vue:32:10: 30 | } 31 | } > 32 | </script> | ^ 24 errors and 1 warning found. 24 errors and 1 warning potentially fixable with the `--fix` option. ./src/components/tabs/TabsMenuItem.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:2:3: 1 | <template> > 2 | <li class="tabs__nav-item"> | ^ 3 | <button role="tab" class="tabs__nav-trigger" @click="change"><span class="tabs__nav-trigger__content"><slot /></span></button> 4 | </li> 5 | </template> error: Replace `········<button·role="tab"·class="tabs__nav-trigger"·@click="change"><span·class="tabs__nav-trigger__content"><slot·/></span` with `····<button·role="tab"·class="tabs__nav-trigger"·@click="change"⏎······><span·class="tabs__nav-trigger__content"><slot·/></span⏎····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:3:1: 1 | <template> 2 | <li class="tabs__nav-item"> > 3 | <button role="tab" class="tabs__nav-trigger" @click="change"><span class="tabs__nav-trigger__content"><slot /></span></button> | ^ 4 | </li> 5 | </template> 6 | error: Delete `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:4:1: 2 | <li class="tabs__nav-item"> 3 | <button role="tab" class="tabs__nav-trigger" @click="change"><span class="tabs__nav-trigger__content"><slot /></span></button> > 4 | </li> | ^ 5 | </template> 6 | 7 | <script> error: Delete `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:9:3: 7 | <script> 8 | export default { > 9 | name: 'TabsMenuItem', | ^ 10 | 11 | props: { 12 | active: { error: Replace `····` with `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:11:1: 9 | name: 'TabsMenuItem', 10 | > 11 | props: { | ^ 12 | active: { 13 | type: Boolean, 14 | default: false, error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:12:1: 10 | 11 | props: { > 12 | active: { | ^ 13 | type: Boolean, 14 | default: false, 15 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:13:1: 11 | props: { 12 | active: { > 13 | type: Boolean, | ^ 14 | default: false, 15 | }, 16 | references: { error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:14:1: 12 | active: { 13 | type: Boolean, > 14 | default: false, | ^ 15 | }, 16 | references: { 17 | type: String, error: Delete `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:15:5: 13 | type: Boolean, 14 | default: false, > 15 | }, | ^ 16 | references: { 17 | type: String, 18 | default: '', error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:16:1: 14 | default: false, 15 | }, > 16 | references: { | ^ 17 | type: String, 18 | default: '', 19 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:17:1: 15 | }, 16 | references: { > 17 | type: String, | ^ 18 | default: '', 19 | }, 20 | }, error: Delete `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:18:1: 16 | references: { 17 | type: String, > 18 | default: '', | ^ 19 | }, 20 | }, 21 | error: Delete `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:19:5: 17 | type: String, 18 | default: '', > 19 | }, | ^ 20 | }, 21 | 22 | data() { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:20:3: 18 | default: '', 19 | }, > 20 | }, | ^ 21 | 22 | data() { 23 | return { error: Delete `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:22:1: 20 | }, 21 | > 22 | data() { | ^ 23 | return { 24 | isActive: this.active, 25 | }; error: Delete `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:23:5: 21 | 22 | data() { > 23 | return { | ^ 24 | isActive: this.active, 25 | }; 26 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:24:1: 22 | data() { 23 | return { > 24 | isActive: this.active, | ^ 25 | }; 26 | }, 27 | error: Delete `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:25:5: 23 | return { 24 | isActive: this.active, > 25 | }; | ^ 26 | }, 27 | 28 | error: Replace `····` with `··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:26:1: 24 | isActive: this.active, 25 | }; > 26 | }, | ^ 27 | 28 | 29 | error: Delete `⏎⏎··` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:28:1: 26 | }, 27 | > 28 | | ^ 29 | 30 | methods: { 31 | change() { error: Replace `········` with `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:31:1: 29 | 30 | methods: { > 31 | change() { | ^ 32 | console.log('Change'); 33 | this.isActive = true; 34 | this.$emit('tabschange', this.references); error: Delete `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:32:1: 30 | methods: { 31 | change() { > 32 | console.log('Change'); | ^ 33 | this.isActive = true; 34 | this.$emit('tabschange', this.references); 35 | }, warning: Unexpected console statement (no-console) at src/components/tabs/TabsMenuItem.vue:32:13: 30 | methods: { 31 | change() { > 32 | console.log('Change'); | ^ 33 | this.isActive = true; 34 | this.$emit('tabschange', this.references); 35 | }, error: Delete `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:33:7: 31 | change() { 32 | console.log('Change'); > 33 | this.isActive = true; | ^ 34 | this.$emit('tabschange', this.references); 35 | }, 36 | } error: Replace `············` with `······` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:34:1: 32 | console.log('Change'); 33 | this.isActive = true; > 34 | this.$emit('tabschange', this.references); | ^ 35 | }, 36 | } 37 | } error: Delete `····` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:35:5: 33 | this.isActive = true; 34 | this.$emit('tabschange', this.references); > 35 | }, | ^ 36 | } 37 | } 38 | </script> error: Replace `····}` with `··},` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:36:1: 34 | this.$emit('tabschange', this.references); 35 | }, > 36 | } | ^ 37 | } 38 | </script> error: Insert `;` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:37:2: 35 | }, 36 | } > 37 | } | ^ 38 | </script> error: Insert `⏎` (prettier/prettier) at src/components/tabs/TabsMenuItem.vue:38:10: 36 | } 37 | } > 38 | </script> | ^ 28 errors and 1 warning found. 28 errors potentially fixable with the `--fix` option. ./src/helpers/media-query.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Delete `··` (prettier/prettier) at src/helpers/media-query.js:6:3: 4 | */ 5 | const mediaQueryBreakPoints = Object.freeze({ > 6 | DEFAULT: 'small', | ^ 7 | SMALL: 'small', 8 | MEDIUM: 'medium', 9 | }); error: Replace `····` with `··` (prettier/prettier) at src/helpers/media-query.js:7:1: 5 | const mediaQueryBreakPoints = Object.freeze({ 6 | DEFAULT: 'small', > 7 | SMALL: 'small', | ^ 8 | MEDIUM: 'medium', 9 | }); 10 | error: Replace `····` with `··` (prettier/prettier) at src/helpers/media-query.js:8:1: 6 | DEFAULT: 'small', 7 | SMALL: 'small', > 8 | MEDIUM: 'medium', | ^ 9 | }); 10 | 11 | /** error: Delete `····` (prettier/prettier) at src/helpers/media-query.js:10:1: 8 | MEDIUM: 'medium', 9 | }); > 10 | | ^ 11 | /** 12 | * This will read the CSS :content pseudo that is 13 | * allied in CSS. Calling this method will tell you error: Delete `·` (prettier/prettier) at src/helpers/media-query.js:12:50: 10 | 11 | /** > 12 | * This will read the CSS :content pseudo that is | ^ 13 | * allied in CSS. Calling this method will tell you 14 | * what media query breakpoint has been triggered. 15 | */ error: Delete `·` (prettier/prettier) at src/helpers/media-query.js:13:52: 11 | /** 12 | * This will read the CSS :content pseudo that is > 13 | * allied in CSS. Calling this method will tell you | ^ 14 | * what media query breakpoint has been triggered. 15 | */ 16 | const getMediaQueryBreakPoint = () => { error: Replace `····return·window.getComputedStyle(document.body,·':before')` with `··return·window⏎····.getComputedStyle(document.body,·':before')⏎····` (prettier/prettier) at src/helpers/media-query.js:17:1: 15 | */ 16 | const getMediaQueryBreakPoint = () => { > 17 | return window.getComputedStyle(document.body, ':before').content.replace(/\"/g, ''); | ^ 18 | }; 19 | 20 | export { error: Unnecessary escape character: \" (no-useless-escape) at src/helpers/media-query.js:17:79: 15 | */ 16 | const getMediaQueryBreakPoint = () => { > 17 | return window.getComputedStyle(document.body, ':before').content.replace(/\"/g, ''); | ^ 18 | }; 19 | 20 | export { error: Replace `⏎····mediaQueryBreakPoints,⏎····getMediaQueryBreakPoint⏎};` with `·mediaQueryBreakPoints,·getMediaQueryBreakPoint·};⏎` (prettier/prettier) at src/helpers/media-query.js:20:9: 18 | }; 19 | > 20 | export { | ^ 21 | mediaQueryBreakPoints, 22 | getMediaQueryBreakPoint 23 | }; 9 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/flyout/Flyout.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Insert `,` (prettier/prettier) at src/components/flyout/Flyout.vue:60:6: 58 | type: String, 59 | default: '', > 60 | } | ^ 61 | }, 62 | 63 | data() { error: Replace `(this.staticFrom·===·this.mediaQuery)` with `this.staticFrom·===·this.mediaQuery` (prettier/prettier) at src/components/flyout/Flyout.vue:85:14: 83 | 84 | isStaticEnabled() { > 85 | return (this.staticFrom === this.mediaQuery); | ^ 86 | }, 87 | 88 | }, error: Delete `⏎` (prettier/prettier) at src/components/flyout/Flyout.vue:86:7: 84 | isStaticEnabled() { 85 | return (this.staticFrom === this.mediaQuery); > 86 | }, | ^ 87 | 88 | }, 89 | error: Delete `··` (prettier/prettier) at src/components/flyout/Flyout.vue:108:1: 106 | 107 | window.addEventListener('resize', updateTheMediaQuery, true); > 108 | | ^ 109 | // Call this to get the inital value. 110 | updateTheMediaQuery(); 111 | error: Delete `⏎` (prettier/prettier) at src/components/flyout/Flyout.vue:110:27: 108 | 109 | // Call this to get the inital value. > 110 | updateTheMediaQuery(); | ^ 111 | 112 | }, 113 | 5 errors found. 5 errors potentially fixable with the `--fix` option. ./src/components/site/store/modules/site.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `(state)·=>·(tabReference)` with `state·=>·tabReference` (prettier/prettier) at src/components/site/store/modules/site.js:26:20: 24 | return state.openingFlyout; 25 | }, > 26 | activeFlyoutTab: (state) => (tabReference) => { | ^ 27 | console.log('ac'); 28 | return (state.flyout.tabs.active === tabReference); 29 | }, warning: Unexpected console statement (no-console) at src/components/site/store/modules/site.js:27:5: 25 | }, 26 | activeFlyoutTab: (state) => (tabReference) => { > 27 | console.log('ac'); | ^ 28 | return (state.flyout.tabs.active === tabReference); 29 | }, 30 | layout(state) { error: Replace `(state.flyout.tabs.active·===·tabReference)` with `state.flyout.tabs.active·===·tabReference` (prettier/prettier) at src/components/site/store/modules/site.js:28:12: 26 | activeFlyoutTab: (state) => (tabReference) => { 27 | console.log('ac'); > 28 | return (state.flyout.tabs.active === tabReference); | ^ 29 | }, 30 | layout(state) { 31 | return state.layout; 2 errors and 1 warning found. 2 errors potentially fixable with the `--fix` option. ./src/components/icon/HelpIcon.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `<svg·xmlns="http://www.w3.org/2000/svg"·width="24"·height="24"·viewBox="0·0·24·24"><path·d="M0·0h24v24H0z"·fill="none"/><path·class="icon__stroke"·d="M12·2C6.48·2·2·6.48·2·12s4.48·10·10·10·10-4.48·10-10S17.52·2·12·2zm1·17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45·12.9·13·13.5·13·15h-2v-.5c0-1.1.45-2.1·1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41·0-1.1-.9-2-2-2s-2·.9-2·2H8c0-2.21·1.79-4·4-4s4·1.79·4·4c0·.88-.36·1.68-.93·2.25z"/>` with `····<svg⏎······xmlns="http://www.w3.org/2000/svg"⏎······width="24"⏎······height="24"⏎······viewBox="0·0·24·24"⏎····>⏎······<path·d="M0·0h24v24H0z"·fill="none"·/>⏎······<path⏎········class="icon__stroke"⏎········d="M12·2C6.48·2·2·6.48·2·12s4.48·10·10·10·10-4.48·10-10S17.52·2·12·2zm1·17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45·12.9·13·13.5·13·15h-2v-.5c0-1.1.45-2.1·1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41·0-1.1-.9-2-2-2s-2·.9-2·2H8c0-2.21·1.79-4·4-4s4·1.79·4·4c0·.88-.36·1.68-.93·2.25z"⏎······/>⏎····` (prettier/prettier) at src/components/icon/HelpIcon.vue:3:1: 1 | <template> 2 | <icon class="icon--help" :class="classes"> > 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path class="icon__stroke" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/></svg> | ^ 4 | </icon> 5 | </template> 6 | 1 error found. 1 error potentially fixable with the `--fix` option. ./src/compounds/register/TheRegister.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `·:to="{·name:·'terms'·}"·target="_blank">terms·and·conditions</router-link` with `⏎··············:to="{·name:·'terms'·}"⏎··············target="_blank"⏎··············>terms·and·conditions</router-link⏎············` (prettier/prettier) at src/compounds/register/TheRegister.vue:63:81: 61 | > 62 | <template v-slot:label> > 63 | By creating an account I agree to Settled&rsquo;s <br /><router-link :to="{ name: 'terms' }" target="_blank">terms and conditions</router-link>. | ^ 64 | </template> 65 | </field-checkbox> 66 | error: 'event' is defined but never used (no-unused-vars) at src/compounds/register/TheRegister.vue:192:20: 190 | 191 | methods: { > 192 | async register(event) { | ^ 193 | this.showValidation = true; 194 | 195 | if (this.$v.$invalid) { 2 errors found. 1 error potentially fixable with the `--fix` option. ./src/components/fields/radio-group/RadioGroup.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `·class="form-item·form-item--radio-group"·:class="{·'form-item--radio-group-button':·button,·fieldClasses}"·:aria-labelledby="validationLabel·?·`validation-label-${id}`·:·false"` with `⏎····class="form-item·form-item--radio-group"⏎····:class="{·'form-item--radio-group-button':·button,·fieldClasses·}"⏎····:aria-labelledby="validationLabel·?·`validation-label-${id}`·:·false"⏎··` (prettier/prettier) at src/components/fields/radio-group/RadioGroup.vue:2:12: 1 | <template> > 2 | <fieldset class="form-item form-item--radio-group" :class="{ 'form-item--radio-group-button': button, fieldClasses}" :aria-labelledby="validationLabel ? `validation-label-${id}` : false"> | ^ 3 | <legend> 4 | <slot name="label">{{ label }}</slot> 5 | <span v-if="optional" class="form-label__optional">{{ error: Replace `·v-for="(option,·index)·in·options"·:key="index"·class="form-item__content·form-item--radio"·:class="{·'form-item--radio-button':·button,·'form-item--selected':·inputValue·==·option.value·}"` with `⏎········v-for="(option,·index)·in·options"⏎········:key="index"⏎········class="form-item__content·form-item--radio"⏎········:class="{⏎··········'form-item--radio-button':·button,⏎··········'form-item--selected':·inputValue·==·option.value,⏎········}"⏎······` (prettier/prettier) at src/components/fields/radio-group/RadioGroup.vue:13:11: 11 | 12 | <div class="form-field__collection"> > 13 | <div v-for="(option, index) in options" :key="index" class="form-item__content form-item--radio" :class="{ 'form-item--radio-button': button, 'form-item--selected': inputValue == option.value }"> | ^ 14 | <div class="form-label"> 15 | <label :for="generateRadioId(id, index)"> 16 | {{ option.label }} <span v-if="option.labelDescription" class="form-label__description">{{ option.labelDescription }}</span> error: Replace `·<span·v-if="option.labelDescription"·class="form-label__description">{{·option.labelDescription·}}</span` with `⏎············<span⏎··············v-if="option.labelDescription"⏎··············class="form-label__description"⏎··············>{{·option.labelDescription·}}</span⏎············` (prettier/prettier) at src/components/fields/radio-group/RadioGroup.vue:16:31: 14 | <div class="form-label"> 15 | <label :for="generateRadioId(id, index)"> > 16 | {{ option.label }} <span v-if="option.labelDescription" class="form-label__description">{{ option.labelDescription }}</span> | ^ 17 | </label> 18 | </div> 19 | error: Replace `·:id="generateRadioId(id,·index)"·v-model="inputValue"·type="radio"·:value="option.value"·:name="name"·@change="change"` with `⏎··············:id="generateRadioId(id,·index)"⏎··············v-model="inputValue"⏎··············type="radio"⏎··············:value="option.value"⏎··············:name="name"⏎··············@change="change"⏎···········` (prettier/prettier) at src/components/fields/radio-group/RadioGroup.vue:22:19: 20 | <div class="form-field"> 21 | <span class="form-field__content"> > 22 | <input :id="generateRadioId(id, index)" v-model="inputValue" type="radio" :value="option.value" :name="name" @change="change" /> | ^ 23 | <label :for="generateRadioId(id, index)" class="radio-skin" /> 24 | </span> 25 | </div> error: Insert `,` (prettier/prettier) at src/components/fields/radio-group/RadioGroup.vue:57:6: 55 | type: Boolean, 56 | default: false, > 57 | } | ^ 58 | }, 59 | data() { 60 | return { 5 errors found. 5 errors potentially fixable with the `--fix` option. ./src/components/property/Property.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `·v-if="address.postcode"·class="address__item·address__item--postcode">{{` with `⏎········v-if="address.postcode"⏎········class="address__item·address__item--postcode"` (prettier/prettier) at src/components/property/Property.vue:26:10: 24 | <li v-if="address.street" class="address__item">{{ address.street }}</li> 25 | <li v-if="address.city" class="address__item">{{ address.city }}</li> > 26 | <li v-if="address.postcode" class="address__item address__item--postcode">{{ | ^ 27 | address.postcode 28 | }}</li> 29 | </ol> error: Replace `·address.postcode⏎······}}</li` with `·>{{·address.postcode·}}</li⏎······` (prettier/prettier) at src/components/property/Property.vue:27:8: 25 | <li v-if="address.city" class="address__item">{{ address.city }}</li> 26 | <li v-if="address.postcode" class="address__item address__item--postcode">{{ > 27 | address.postcode | ^ 28 | }}</li> 29 | </ol> 30 | </element> 2 errors found. 2 errors potentially fixable with the `--fix` option. ./src/components/icon/BackIcon.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `·xmlns="http://www.w3.org/2000/svg"·width="24"·height="24"·viewBox="0·0·24·24"` with `⏎······xmlns="http://www.w3.org/2000/svg"⏎······width="24"⏎······height="24"⏎······viewBox="0·0·24·24"⏎····` (prettier/prettier) at src/components/icon/BackIcon.vue:3:9: 1 | <template> 2 | <icon class="icon--chevron-back" :class="classes"> > 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> | ^ 4 | <path class="icon__stroke" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> 5 | <path d="M0 0h24v24H0z" fill="none"/> 6 | </svg> error: Replace `·class="icon__stroke"·d="M15.41·7.41L14·6l-6·6·6·6·1.41-1.41L10.83·12z"` with `⏎········class="icon__stroke"⏎········d="M15.41·7.41L14·6l-6·6·6·6·1.41-1.41L10.83·12z"⏎······` (prettier/prettier) at src/components/icon/BackIcon.vue:4:12: 2 | <icon class="icon--chevron-back" :class="classes"> 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> > 4 | <path class="icon__stroke" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> | ^ 5 | <path d="M0 0h24v24H0z" fill="none"/> 6 | </svg> 7 | </icon> error: Insert `·` (prettier/prettier) at src/components/icon/BackIcon.vue:5:42: 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 4 | <path class="icon__stroke" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> > 5 | <path d="M0 0h24v24H0z" fill="none"/> | ^ 6 | </svg> 7 | </icon> 8 | </template> 3 errors found. 3 errors potentially fixable with the `--fix` option. ./src/components/icon/ForwardIcon.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `·xmlns="http://www.w3.org/2000/svg"·width="24"·height="24"·viewBox="0·0·24·24"` with `⏎······xmlns="http://www.w3.org/2000/svg"⏎······width="24"⏎······height="24"⏎······viewBox="0·0·24·24"⏎····` (prettier/prettier) at src/components/icon/ForwardIcon.vue:3:9: 1 | <template> 2 | <icon class="icon--chevron-down" :class="classes"> > 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> | ^ 4 | <path class="icon__stroke" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> 5 | <path d="M0 0h24v24H0z" fill="none"/> 6 | </svg> error: Replace `·class="icon__stroke"·d="M10·6L8.59·7.41·13.17·12l-4.58·4.59L10·18l6-6z"` with `⏎········class="icon__stroke"⏎········d="M10·6L8.59·7.41·13.17·12l-4.58·4.59L10·18l6-6z"⏎······` (prettier/prettier) at src/components/icon/ForwardIcon.vue:4:12: 2 | <icon class="icon--chevron-down" :class="classes"> 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> > 4 | <path class="icon__stroke" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> | ^ 5 | <path d="M0 0h24v24H0z" fill="none"/> 6 | </svg> 7 | </icon> error: Insert `·` (prettier/prettier) at src/components/icon/ForwardIcon.vue:5:42: 3 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 4 | <path class="icon__stroke" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> > 5 | <path d="M0 0h24v24H0z" fill="none"/> | ^ 6 | </svg> 7 | </icon> 8 | </template> 3 errors found. 3 errors potentially fixable with the `--fix` option. ./src/components/flyout/FlyoutTabsContent.vue Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `··<div·class="flyout-tabs__content"·:class="{·'flyout-tabs__content--active':·isActive·}">` with `<div⏎····class="flyout-tabs__content"⏎····:class="{·'flyout-tabs__content--active':·isActive·}"` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:2:3: 1 | <template> > 2 | <div class="flyout-tabs__content" :class="{ 'flyout-tabs__content--active': isActive }"> | ^ 3 | <slot /> 4 | </div> 5 | </template> error: Replace `··` with `>⏎` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:3:3: 1 | <template> 2 | <div class="flyout-tabs__content" :class="{ 'flyout-tabs__content--active': isActive }"> > 3 | <slot /> | ^ 4 | </div> 5 | </template> 6 | error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:4:1: 2 | <div class="flyout-tabs__content" :class="{ 'flyout-tabs__content--active': isActive }"> 3 | <slot /> > 4 | </div> | ^ 5 | </template> 6 | 7 | <script> error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:9:3: 7 | <script> 8 | export default { > 9 | name: 'FlyoutTabsContent', | ^ 10 | 11 | props: { 12 | reference: { error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:11:3: 9 | name: 'FlyoutTabsContent', 10 | > 11 | props: { | ^ 12 | reference: { 13 | type: String, 14 | default: '', error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:12:1: 10 | 11 | props: { > 12 | reference: { | ^ 13 | type: String, 14 | default: '', 15 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:13:1: 11 | props: { 12 | reference: { > 13 | type: String, | ^ 14 | default: '', 15 | }, 16 | }, error: Replace `············` with `······` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:14:1: 12 | reference: { 13 | type: String, > 14 | default: '', | ^ 15 | }, 16 | }, 17 | error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:15:1: 13 | type: String, 14 | default: '', > 15 | }, | ^ 16 | }, 17 | 18 | computed: { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:16:1: 14 | default: '', 15 | }, > 16 | }, | ^ 17 | 18 | computed: { 19 | isActive() { error: Replace `····` with `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:18:1: 16 | }, 17 | > 18 | computed: { | ^ 19 | isActive() { 20 | return this.$store.getters['site/activeFlyoutTab'](this.reference); 21 | }, error: Replace `········` with `····` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:19:1: 17 | 18 | computed: { > 19 | isActive() { | ^ 20 | return this.$store.getters['site/activeFlyoutTab'](this.reference); 21 | }, 22 | }, error: Delete `······` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:20:1: 18 | computed: { 19 | isActive() { > 20 | return this.$store.getters['site/activeFlyoutTab'](this.reference); | ^ 21 | }, 22 | }, 23 | } error: Delete `····` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:21:5: 19 | isActive() { 20 | return this.$store.getters['site/activeFlyoutTab'](this.reference); > 21 | }, | ^ 22 | }, 23 | } 24 | </script> error: Delete `··` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:22:3: 20 | return this.$store.getters['site/activeFlyoutTab'](this.reference); 21 | }, > 22 | }, | ^ 23 | } 24 | </script> error: Insert `;` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:23:2: 21 | }, 22 | }, > 23 | } | ^ 24 | </script> error: Insert `⏎` (prettier/prettier) at src/components/flyout/FlyoutTabsContent.vue:24:10: 22 | }, 23 | } > 24 | </script> | ^ 17 errors found. 17 errors potentially fixable with the `--fix` option. ./src/components/alert/alert.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/alert/alert.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Alert from './Alert';\nimport SButton from '../button/Button';\nimport { withKnobs, select, text, boolean } from '@storybook/addon-knobs';\nimport notes from './readme.md';\n\nstoriesOf('Alert', module)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Alert, SButton },\n template: `\n <div style=\"padding: 16px;\">\n <alert :type=\"type\" open :dismissible=\"dismissible\" :heading=\"heading\"><p>{{ message }}</p></alert>\n </div>`,\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }))\n .add('as toast', () => ({\n components: { Alert, SButton },\n template: `\n <div>\n <alert :type=\"type\" :open=\"showAlert\" toast :dismissible=\"dismissible\" :heading=\"heading\" @dismiss=\"showAlert = false\"><p>{{ message }}</p></alert>\n\n <s-button @click=\"toggleAlert\">Show alert</s-button>\n </div>`,\n data() {\n return {\n showAlert: false,\n };\n },\n methods: {\n toggleAlert() {\n this.showAlert = !this.showAlert;\n },\n },\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/alert/alert.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Alert from './Alert';\nimport SButton from '../button/Button';\nimport { withKnobs, select, text, boolean } from '@storybook/addon-knobs';\nimport notes from './readme.md';\n\nstoriesOf('Alert', module)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Alert, SButton },\n template: `\n <div style=\"padding: 16px;\">\n <alert :type=\"type\" open :dismissible=\"dismissible\" :heading=\"heading\"><p>{{ message }}</p></alert>\n </div>`,\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }))\n .add('as toast', () => ({\n components: { Alert, SButton },\n template: `\n <div>\n <alert :type=\"type\" :open=\"showAlert\" toast :dismissible=\"dismissible\" :heading=\"heading\" @dismiss=\"showAlert = false\"><p>{{ message }}</p></alert>\n\n <s-button @click=\"toggleAlert\">Show alert</s-button>\n </div>`,\n data() {\n return {\n showAlert: false,\n };\n },\n methods: {\n toggleAlert() {\n this.showAlert = !this.showAlert;\n },\n },\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}` with `export·var·__ADDS_MAP__·=·{⏎··'alert--as-toast':·{⏎····startLoc:·{·col:·7,·line:·45·},⏎····endLoc:·{·col:·4,·line:·87·},⏎··},⏎··'alert--component':·{⏎····startLoc:·{·col:·7,·line:·14·},⏎····endLoc:·{·col:·4,·line:·44·},⏎··},⏎` (prettier/prettier) at src/components/alert/alert.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Alert from './Alert';\nimport SButton from '../button/Button';\nimport { withKnobs, select, text, boolean } from '@storybook/addon-knobs';\nimport notes from './readme.md';\n\nstoriesOf('Alert', module)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Alert, SButton },\n template: `\n <div style=\"padding: 16px;\">\n <alert :type=\"type\" open :dismissible=\"dismissible\" :heading=\"heading\"><p>{{ message }}</p></alert>\n </div>`,\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }))\n .add('as toast', () => ({\n components: { Alert, SButton },\n template: `\n <div>\n <alert :type=\"type\" :open=\"showAlert\" toast :dismissible=\"dismissible\" :heading=\"heading\" @dismiss=\"showAlert = false\"><p>{{ message }}</p></alert>\n\n <s-button @click=\"toggleAlert\">Show alert</s-button>\n </div>`,\n data() {\n return {\n showAlert: false,\n };\n },\n methods: {\n toggleAlert() {\n this.showAlert = !this.showAlert;\n },\n },\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/alert/alert.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Alert from './Alert';\nimport SButton from '../button/Button';\nimport { withKnobs, select, text, boolean } from '@storybook/addon-knobs';\nimport notes from './readme.md';\n\nstoriesOf('Alert', module)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Alert, SButton },\n template: `\n <div style=\"padding: 16px;\">\n <alert :type=\"type\" open :dismissible=\"dismissible\" :heading=\"heading\"><p>{{ message }}</p></alert>\n </div>`,\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }))\n .add('as toast', () => ({\n components: { Alert, SButton },\n template: `\n <div>\n <alert :type=\"type\" :open=\"showAlert\" toast :dismissible=\"dismissible\" :heading=\"heading\" @dismiss=\"showAlert = false\"><p>{{ message }}</p></alert>\n\n <s-button @click=\"toggleAlert\">Show alert</s-button>\n </div>`,\n data() {\n return {\n showAlert: false,\n };\n },\n methods: {\n toggleAlert() {\n this.showAlert = !this.showAlert;\n },\n },\n props: {\n heading: {\n default: text('Heading', `We are really sorry`),\n },\n message: {\n default: text('Message', `Something went wrong but we are trying out best to resolve it.`),\n },\n dismissible: {\n default: boolean('Dismissible', true),\n },\n type: {\n default: select(\n 'Type',\n {\n Danger: 'danger',\n Success: 'success',\n Warning: 'warning',\n Info: 'info',\n },\n 'danger',\n 'type'\n ),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Alert from './Alert'; error: Delete `··` (prettier/prettier) at src/components/alert/alert.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"alert--as-toast":{"startLoc":{"col":7,"line":45},"endLoc":{"col":4,"line":87}},"alert--component":{"startLoc":{"col":7,"line":14},"endLoc":{"col":4,"line":44}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Alert from './Alert'; 9 | import SButton from '../button/Button'; error: Insert `⏎··` (prettier/prettier) at src/components/alert/alert.stories.js:13:27: 11 | import notes from './readme.md'; 12 | > 13 | storiesOf('Alert', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 14 | .addParameters({ 15 | readme: { 16 | sidebar: notes, error: Delete `⏎··` (prettier/prettier) at src/components/alert/alert.stories.js:100:1: 98 | }, 99 | })); > 100 | | ^ 101 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/avatar/avatar.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/avatar/avatar.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Avatar from './Avatar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport userMixin from '../../mixins/user';\n\nconst story = storiesOf('Avatar', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('component', () => ({\n components: { Avatar },\n mixins: [userMixin],\n template: '<avatar :initials=\"initials\" :name=\"name\" :image=\"imageSrc\" />',\n props: {\n name: {\n default: text('Name', 'Thomas McCourt'),\n },\n initials: {\n default: text('Initials', ''),\n },\n imageSrc: {\n default: text('Image source', ''),\n },\n },\n }))\n\n .add('with an image', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with initials', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" />`,\n }))\n\n .add('without a name', () => ({\n components: { Avatar },\n template: `<avatar />`,\n }))\n\n .add('with a display name', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with a display name and meta', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" meta=\"Your dedicated support\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/avatar/avatar.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Avatar from './Avatar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport userMixin from '../../mixins/user';\n\nconst story = storiesOf('Avatar', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('component', () => ({\n components: { Avatar },\n mixins: [userMixin],\n template: '<avatar :initials=\"initials\" :name=\"name\" :image=\"imageSrc\" />',\n props: {\n name: {\n default: text('Name', 'Thomas McCourt'),\n },\n initials: {\n default: text('Initials', ''),\n },\n imageSrc: {\n default: text('Image source', ''),\n },\n },\n }))\n\n .add('with an image', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with initials', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" />`,\n }))\n\n .add('without a name', () => ({\n components: { Avatar },\n template: `<avatar />`,\n }))\n\n .add('with a display name', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with a display name and meta', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" meta=\"Your dedicated support\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/avatar/avatar.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Avatar from './Avatar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport userMixin from '../../mixins/user';\n\nconst story = storiesOf('Avatar', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('component', () => ({\n components: { Avatar },\n mixins: [userMixin],\n template: '<avatar :initials=\"initials\" :name=\"name\" :image=\"imageSrc\" />',\n props: {\n name: {\n default: text('Name', 'Thomas McCourt'),\n },\n initials: {\n default: text('Initials', ''),\n },\n imageSrc: {\n default: text('Image source', ''),\n },\n },\n }))\n\n .add('with an image', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with initials', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" />`,\n }))\n\n .add('without a name', () => ({\n components: { Avatar },\n template: `<avatar />`,\n }))\n\n .add('with a display name', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with a display name and meta', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" meta=\"Your dedicated support\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/avatar/avatar.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Avatar from './Avatar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport userMixin from '../../mixins/user';\n\nconst story = storiesOf('Avatar', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('component', () => ({\n components: { Avatar },\n mixins: [userMixin],\n template: '<avatar :initials=\"initials\" :name=\"name\" :image=\"imageSrc\" />',\n props: {\n name: {\n default: text('Name', 'Thomas McCourt'),\n },\n initials: {\n default: text('Initials', ''),\n },\n imageSrc: {\n default: text('Image source', ''),\n },\n },\n }))\n\n .add('with an image', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with initials', () => ({\n components: { Avatar },\n template: `<avatar name=\"Amy Bensley\" />`,\n }))\n\n .add('without a name', () => ({\n components: { Avatar },\n template: `<avatar />`,\n }))\n\n .add('with a display name', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }))\n\n .add('with a display name and meta', () => ({\n components: { Avatar },\n template: `<avatar show-name name=\"Amy Bensley\" meta=\"Your dedicated support\" image=\"https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760\" />`,\n }));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Avatar from './Avatar'; error: Delete `··` (prettier/prettier) at src/components/avatar/avatar.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Avatar from './Avatar'; 9 | import { withKnobs, text } from '@storybook/addon-knobs'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/avatar/avatar.stories.js:12:56: 10 | import userMixin from '../../mixins/user'; 11 | > 12 | const story = storiesOf('Avatar', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 13 | 14 | story 15 | .addDecorator(withKnobs) error: Delete `⏎··` (prettier/prettier) at src/components/avatar/avatar.stories.js:58:1: 56 | template: `<avatar show-name name="Amy Bensley" meta="Your dedicated support" image="https://static.intercomassets.com/avatars/3112682/square_128/IMG_7133_%281%29-1555579760.PNG?1555579760" />`, 57 | })); > 58 | | ^ 59 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/badge/badge.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/badge/badge.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Badge from './Badge';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Badge', module)\n .addDecorator(withKnobs)\n .add('as a number', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"3\" /></p>\n <p><badge value=\"9+\" /></p>\n <p><badge value=\"210\" /></p>\n </card>\n </div>`,\n }))\n .add('as text', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Urgent\" text /></p>\n </card>\n </div>`,\n }))\n .add('as text with attention', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Look at me\" text urgent /></p>\n </card>\n </div>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}}; error: Replace `··export·var·__STORY__·=·"import·{·storiesOf·}·from·'@storybook/vue';\nimport·Badge·from·'./Badge';\nimport·Card·from·'@tiles/components/card/Card';\nimport·{·withKnobs·}·from·'@storybook/addon-knobs';\n\nstoriesOf('Badge',·module)\n··.addDecorator(withKnobs)\n··.add('as·a·number',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style=\"padding:·16px;\">\n······<card>\n······<p><badge·value=\"3\"·/></p>\n······<p><badge·value=\"9+\"·/></p>\n······<p><badge·value=\"210\"·/></p>\n······</card>\n····</div>`,\n··}))\n··.add('as·text',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style=\"padding:·16px;\">\n······<card>\n········<p><badge·value=\"Urgent\"·text·/></p>\n······</card>\n····</div>`,\n··}))\n··.add('as·text·with·attention',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style=\"padding:·16px;\">\n······<card>\n········<p><badge·value=\"Look·at·me\"·text·urgent·/></p>\n······</card>\n····</div>`,\n··}));\n"` with `export·var·__STORY__·=⏎··'import·{·storiesOf·}·from·\'@storybook/vue\';\nimport·Badge·from·\'./Badge\';\nimport·Card·from·\'@tiles/components/card/Card\';\nimport·{·withKnobs·}·from·\'@storybook/addon-knobs\';\n\nstoriesOf(\'Badge\',·module)\n··.addDecorator(withKnobs)\n··.add(\'as·a·number\',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style="padding:·16px;">\n······<card>\n······<p><badge·value="3"·/></p>\n······<p><badge·value="9+"·/></p>\n······<p><badge·value="210"·/></p>\n······</card>\n····</div>`,\n··}))\n··.add(\'as·text\',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style="padding:·16px;">\n······<card>\n········<p><badge·value="Urgent"·text·/></p>\n······</card>\n····</div>`,\n··}))\n··.add(\'as·text·with·attention\',·()·=>·({\n····components:·{·Badge,·Card·},\n····template:·`\n····<div·style="padding:·16px;">\n······<card>\n········<p><badge·value="Look·at·me"·text·urgent·/></p>\n······</card>\n····</div>`,\n··}));\n'` (prettier/prettier) at src/components/badge/badge.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Badge from './Badge';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Badge', module)\n .addDecorator(withKnobs)\n .add('as a number', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"3\" /></p>\n <p><badge value=\"9+\" /></p>\n <p><badge value=\"210\" /></p>\n </card>\n </div>`,\n }))\n .add('as text', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Urgent\" text /></p>\n </card>\n </div>`,\n }))\n .add('as text with attention', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Look at me\" text urgent /></p>\n </card>\n </div>`,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}` with `export·var·__ADDS_MAP__·=·{⏎··'badge--as-text-with-attention':·{⏎····startLoc:·{·col:·7,·line:·28·},⏎····endLoc:·{·col:·4,·line:·36·},⏎··},⏎··'badge--as-text':·{⏎····startLoc:·{·col:·7,·line:·19·},⏎····endLoc:·{·col:·4,·line:·27·},⏎··},⏎··'badge--as-a-number':·{⏎····startLoc:·{·col:·7,·line:·8·},⏎····endLoc:·{·col:·4,·line:·18·},⏎··},⏎` (prettier/prettier) at src/components/badge/badge.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Badge from './Badge';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Badge', module)\n .addDecorator(withKnobs)\n .add('as a number', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"3\" /></p>\n <p><badge value=\"9+\" /></p>\n <p><badge value=\"210\" /></p>\n </card>\n </div>`,\n }))\n .add('as text', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Urgent\" text /></p>\n </card>\n </div>`,\n }))\n .add('as text with attention', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Look at me\" text urgent /></p>\n </card>\n </div>`,\n }));\n"; > 4 | export var __ADDS_MAP__ = {"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/badge/badge.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Badge from './Badge';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Badge', module)\n .addDecorator(withKnobs)\n .add('as a number', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"3\" /></p>\n <p><badge value=\"9+\" /></p>\n <p><badge value=\"210\" /></p>\n </card>\n </div>`,\n }))\n .add('as text', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Urgent\" text /></p>\n </card>\n </div>`,\n }))\n .add('as text with attention', () => ({\n components: { Badge, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><badge value=\"Look at me\" text urgent /></p>\n </card>\n </div>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Badge from './Badge'; error: Delete `··` (prettier/prettier) at src/components/badge/badge.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"badge--as-text-with-attention":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":36}},"badge--as-text":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":27}},"badge--as-a-number":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":18}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Badge from './Badge'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/badge/badge.stories.js:12:27: 10 | import { withKnobs } from '@storybook/addon-knobs'; 11 | > 12 | storiesOf('Badge', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 13 | .addDecorator(withKnobs) 14 | .add('as a number', () => ({ 15 | components: { Badge, Card }, error: Replace `⏎` with `;` (prettier/prettier) at src/components/badge/badge.stories.js:42:6: 40 | </card> 41 | </div>`, > 42 | })) | ^ 43 | 44 | error: Delete `··` (prettier/prettier) at src/components/badge/badge.stories.js:44:1: 42 | })) 43 | > 44 | | ^ 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/button-collection/button-collection.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './../button/Button';\nimport Card from './../card/Card';\nimport ButtonCollection from './ButtonCollection';\nimport ButtonCollectionItem from './ButtonCollectionItem';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button collection', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, SButton, ButtonCollection, ButtonCollectionItem },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n <p>Some copy for margin testing.</p>\n </card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\" :card=\"card\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n </div>\n `,\n props: {\n stacked: {\n default: boolean('Stack', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n bookends: {\n default: boolean('Bookends', false),\n },\n buffer: {\n default: boolean('Buffer', false),\n },\n card: {\n default: boolean('Card', true),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './../button/Button';\nimport Card from './../card/Card';\nimport ButtonCollection from './ButtonCollection';\nimport ButtonCollectionItem from './ButtonCollectionItem';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button collection', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, SButton, ButtonCollection, ButtonCollectionItem },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n <p>Some copy for margin testing.</p>\n </card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\" :card=\"card\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n </div>\n `,\n props: {\n stacked: {\n default: boolean('Stack', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n bookends: {\n default: boolean('Bookends', false),\n },\n buffer: {\n default: boolean('Buffer', false),\n },\n card: {\n default: boolean('Card', true),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}` with `export·var·__ADDS_MAP__·=·{⏎··'button-collection--component':·{⏎····startLoc:·{·col:·7,·line:·25·},⏎····endLoc:·{·col:·4,·line:·67·},⏎··},⏎` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './../button/Button';\nimport Card from './../card/Card';\nimport ButtonCollection from './ButtonCollection';\nimport ButtonCollectionItem from './ButtonCollectionItem';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button collection', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, SButton, ButtonCollection, ButtonCollectionItem },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n <p>Some copy for margin testing.</p>\n </card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\" :card=\"card\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n </div>\n `,\n props: {\n stacked: {\n default: boolean('Stack', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n bookends: {\n default: boolean('Bookends', false),\n },\n buffer: {\n default: boolean('Buffer', false),\n },\n card: {\n default: boolean('Card', true),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './../button/Button';\nimport Card from './../card/Card';\nimport ButtonCollection from './ButtonCollection';\nimport ButtonCollectionItem from './ButtonCollectionItem';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button collection', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, SButton, ButtonCollection, ButtonCollectionItem },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n <p>Some copy for margin testing.</p>\n </card>\n <button-collection :stacked=\"stacked\" :fitted=\"fitted\" :bookends=\"bookends\" :buffer=\"buffer\" :card=\"card\">\n <button-collection-item>\n <s-button>Add discount code</s-button>\n </button-collection-item>\n <button-collection-item>\n <s-button primary>Checkout</s-button>\n </button-collection-item>\n </button-collection>\n </div>\n `,\n props: {\n stacked: {\n default: boolean('Stack', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n bookends: {\n default: boolean('Bookends', false),\n },\n buffer: {\n default: boolean('Buffer', false),\n },\n card: {\n default: boolean('Card', true),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import SButton from './../button/Button'; error: Delete `··` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"button-collection--component":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":67}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import SButton from './../button/Button'; 9 | import Card from './../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:15:39: 13 | import StoryRouter from 'storybook-vue-router'; 14 | > 15 | storiesOf('Button collection', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 16 | .addDecorator( 17 | StoryRouter( 18 | {}, error: Delete `⏎··` (prettier/prettier) at src/components/button-collection/button-collection.stories.js:74:1: 72 | }, 73 | })); > 74 | | ^ 75 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/button/button.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/button/button.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './Button';\nimport Card from './../card/Card';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { SButton, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"clickTest\"\n >{{ content }}</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"customTrackTest\"\n >Default tracking test</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n track-action=\"Custom action\"\n track-category=\"Custom category\"\n track-label=\"Custom label\"\n :track-data=\"{customProperty: 'Custom value'}\"\n @click=\"customTrackTest\"\n >Custom tracking test</s-button\n >\n </card>\n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n customTrackTest(event) {\n alert(`You clicked the button: ${JSON.stringify(event.trackingData)}`);\n },\n },\n }))\n .add('as a router link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <s-button :to=\"{ name: 'home' }\" :primary=\"primary\" :fitted=\"fitted\" :loader=\"loader\" :disabled=\"disabled\" @click=\"clickTest\">{{ content }}</s-button><router-view />\n </card> \n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }))\n .add('styled as a link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p>This is a <s-button link @click=\"clickTest\">{{ content }}</s-button> as a link.</p><router-view />\n </card> \n </div>`,\n props: {\n content: {\n default: text('Content', 'button as a link'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/button/button.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './Button';\nimport Card from './../card/Card';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { SButton, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"clickTest\"\n >{{ content }}</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"customTrackTest\"\n >Default tracking test</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n track-action=\"Custom action\"\n track-category=\"Custom category\"\n track-label=\"Custom label\"\n :track-data=\"{customProperty: 'Custom value'}\"\n @click=\"customTrackTest\"\n >Custom tracking test</s-button\n >\n </card>\n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n customTrackTest(event) {\n alert(`You clicked the button: ${JSON.stringify(event.trackingData)}`);\n },\n },\n }))\n .add('as a router link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <s-button :to=\"{ name: 'home' }\" :primary=\"primary\" :fitted=\"fitted\" :loader=\"loader\" :disabled=\"disabled\" @click=\"clickTest\">{{ content }}</s-button><router-view />\n </card> \n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }))\n .add('styled as a link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p>This is a <s-button link @click=\"clickTest\">{{ content }}</s-button> as a link.</p><router-view />\n </card> \n </div>`,\n props: {\n content: {\n default: text('Content', 'button as a link'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}` with `export·var·__ADDS_MAP__·=·{⏎··'button--styled-as-a-link':·{⏎····startLoc:·{·col:·7,·line:·123·},⏎····endLoc:·{·col:·4,·line:·141·},⏎··},⏎··'button--as-a-router-link':·{⏎····startLoc:·{·col:·7,·line:·91·},⏎····endLoc:·{·col:·4,·line:·122·},⏎··},⏎··'button--component':·{⏎····startLoc:·{·col:·7,·line:·29·},⏎····endLoc:·{·col:·4,·line:·90·},⏎··},⏎` (prettier/prettier) at src/components/button/button.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './Button';\nimport Card from './../card/Card';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { SButton, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"clickTest\"\n >{{ content }}</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"customTrackTest\"\n >Default tracking test</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n track-action=\"Custom action\"\n track-category=\"Custom category\"\n track-label=\"Custom label\"\n :track-data=\"{customProperty: 'Custom value'}\"\n @click=\"customTrackTest\"\n >Custom tracking test</s-button\n >\n </card>\n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n customTrackTest(event) {\n alert(`You clicked the button: ${JSON.stringify(event.trackingData)}`);\n },\n },\n }))\n .add('as a router link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <s-button :to=\"{ name: 'home' }\" :primary=\"primary\" :fitted=\"fitted\" :loader=\"loader\" :disabled=\"disabled\" @click=\"clickTest\">{{ content }}</s-button><router-view />\n </card> \n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }))\n .add('styled as a link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p>This is a <s-button link @click=\"clickTest\">{{ content }}</s-button> as a link.</p><router-view />\n </card> \n </div>`,\n props: {\n content: {\n default: text('Content', 'button as a link'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/button/button.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport SButton from './Button';\nimport Card from './../card/Card';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Button', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/home',\n name: 'home',\n component: { template: '<div>Home</div>' },\n },\n ],\n }\n )\n )\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { SButton, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"clickTest\"\n >{{ content }}</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n @click=\"customTrackTest\"\n >Default tracking test</s-button\n >\n <s-button\n :primary=\"primary\"\n :fitted=\"fitted\"\n :loader=\"loader\"\n :disabled=\"disabled\"\n track-action=\"Custom action\"\n track-category=\"Custom category\"\n track-label=\"Custom label\"\n :track-data=\"{customProperty: 'Custom value'}\"\n @click=\"customTrackTest\"\n >Custom tracking test</s-button\n >\n </card>\n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n customTrackTest(event) {\n alert(`You clicked the button: ${JSON.stringify(event.trackingData)}`);\n },\n },\n }))\n .add('as a router link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <s-button :to=\"{ name: 'home' }\" :primary=\"primary\" :fitted=\"fitted\" :loader=\"loader\" :disabled=\"disabled\" @click=\"clickTest\">{{ content }}</s-button><router-view />\n </card> \n </div>\n `,\n props: {\n primary: {\n default: boolean('Primary', false),\n },\n disabled: {\n default: boolean('Disabled', false),\n },\n loader: {\n default: boolean('Loader', false),\n },\n fitted: {\n default: boolean('Fitted', false),\n },\n content: {\n default: text('Content', 'Button'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }))\n .add('styled as a link', () => ({\n components: { SButton, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p>This is a <s-button link @click=\"clickTest\">{{ content }}</s-button> as a link.</p><router-view />\n </card> \n </div>`,\n props: {\n content: {\n default: text('Content', 'button as a link'),\n },\n },\n methods: {\n clickTest() {\n alert('You clicked the button.');\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import SButton from './Button'; error: Delete `··` (prettier/prettier) at src/components/button/button.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"button--styled-as-a-link":{"startLoc":{"col":7,"line":123},"endLoc":{"col":4,"line":141}},"button--as-a-router-link":{"startLoc":{"col":7,"line":91},"endLoc":{"col":4,"line":122}},"button--component":{"startLoc":{"col":7,"line":29},"endLoc":{"col":4,"line":90}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import SButton from './Button'; 9 | import Card from './../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/button/button.stories.js:14:28: 12 | import StoryRouter from 'storybook-vue-router'; 13 | > 14 | storiesOf('Button', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator( 16 | StoryRouter( 17 | {}, error: Delete `··` (prettier/prettier) at src/components/button/button.stories.js:39:1: 37 | template: /* HTML */ ` 38 | <div style="padding: 16px;"> > 39 | <card> | ^ 40 | <s-button 41 | :primary="primary" 42 | :fitted="fitted" error: Delete `⏎··` (prettier/prettier) at src/components/button/button.stories.js:148:1: 146 | }, 147 | })); > 148 | | ^ 149 | 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/card/card.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/card/card.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from './Card';\nimport FieldButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Card', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { Card },\n template: '<card :heading=\"heading\"></card>',\n props: {\n heading: {\n default: text('Heading', 'Card heading'),\n },\n type: {\n default: text('Type', 'section'),\n },\n },\n }))\n\n .add('with content', () => ({\n components: { Card },\n template: '<card><template slot=\"card-main\">Some content</template></card>',\n }))\n\n .add('with a header', () => ({\n components: { Card },\n template: '<card><template slot=\"card-header\">A header</template></card>',\n }))\n\n .add('with a footer', () => ({\n components: { Card },\n template: '<card><template slot=\"card-footer\">A footer</template></card>',\n }))\n\n .add('with full width content', () => ({\n components: { Card, FieldButton },\n template: `\n <div>\n <card :canvas=\"false\"><field-button fitted>This is a button</field-button></card>\n <card :canvas=\"false\"><field-button primary>This is another button</field-button></card>\n <card :canvas=\"false\"><field-button>This is a third button</field-button></card>\n </div>`,\n }))\n\n .add('with header, content, footer', () => ({\n components: { Card },\n template: `\n <card>\n <template slot=\"card-header\">A header</template>\n <template slot=\"card-main\">Some content</template>\n <template slot=\"card-footer\">A footer</template>\n </card>`,\n }))\n\n .add('as a viewport', () => ({\n components: { Card, FieldButton },\n template: `\n <div style=\"padding: 0px;\">\n <card viewport>\n <template v-slot:card-main>\n <h1 class=\"heading--verse\">Hello</h1>\n </template>\n <template v-slot:card-footer>\n <h1 class=\"copy copy--lead\">You&rsquo;re awesome!</h1>\n <p class=\"copy--verse\">You&rsquo;re so close to completing your <span class=\"copy--orphans\">Property Information Form.</span></p>\n <field-button fitted primary class=\"button--buffer\">Continue</field-button>\n </template>\n </card>\n </div>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/card/card.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from './Card';\nimport FieldButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Card', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { Card },\n template: '<card :heading=\"heading\"></card>',\n props: {\n heading: {\n default: text('Heading', 'Card heading'),\n },\n type: {\n default: text('Type', 'section'),\n },\n },\n }))\n\n .add('with content', () => ({\n components: { Card },\n template: '<card><template slot=\"card-main\">Some content</template></card>',\n }))\n\n .add('with a header', () => ({\n components: { Card },\n template: '<card><template slot=\"card-header\">A header</template></card>',\n }))\n\n .add('with a footer', () => ({\n components: { Card },\n template: '<card><template slot=\"card-footer\">A footer</template></card>',\n }))\n\n .add('with full width content', () => ({\n components: { Card, FieldButton },\n template: `\n <div>\n <card :canvas=\"false\"><field-button fitted>This is a button</field-button></card>\n <card :canvas=\"false\"><field-button primary>This is another button</field-button></card>\n <card :canvas=\"false\"><field-button>This is a third button</field-button></card>\n </div>`,\n }))\n\n .add('with header, content, footer', () => ({\n components: { Card },\n template: `\n <card>\n <template slot=\"card-header\">A header</template>\n <template slot=\"card-main\">Some content</template>\n <template slot=\"card-footer\">A footer</template>\n </card>`,\n }))\n\n .add('as a viewport', () => ({\n components: { Card, FieldButton },\n template: `\n <div style=\"padding: 0px;\">\n <card viewport>\n <template v-slot:card-main>\n <h1 class=\"heading--verse\">Hello</h1>\n </template>\n <template v-slot:card-footer>\n <h1 class=\"copy copy--lead\">You&rsquo;re awesome!</h1>\n <p class=\"copy--verse\">You&rsquo;re so close to completing your <span class=\"copy--orphans\">Property Information Form.</span></p>\n <field-button fitted primary class=\"button--buffer\">Continue</field-button>\n </template>\n </card>\n </div>`,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/card/card.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from './Card';\nimport FieldButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Card', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { Card },\n template: '<card :heading=\"heading\"></card>',\n props: {\n heading: {\n default: text('Heading', 'Card heading'),\n },\n type: {\n default: text('Type', 'section'),\n },\n },\n }))\n\n .add('with content', () => ({\n components: { Card },\n template: '<card><template slot=\"card-main\">Some content</template></card>',\n }))\n\n .add('with a header', () => ({\n components: { Card },\n template: '<card><template slot=\"card-header\">A header</template></card>',\n }))\n\n .add('with a footer', () => ({\n components: { Card },\n template: '<card><template slot=\"card-footer\">A footer</template></card>',\n }))\n\n .add('with full width content', () => ({\n components: { Card, FieldButton },\n template: `\n <div>\n <card :canvas=\"false\"><field-button fitted>This is a button</field-button></card>\n <card :canvas=\"false\"><field-button primary>This is another button</field-button></card>\n <card :canvas=\"false\"><field-button>This is a third button</field-button></card>\n </div>`,\n }))\n\n .add('with header, content, footer', () => ({\n components: { Card },\n template: `\n <card>\n <template slot=\"card-header\">A header</template>\n <template slot=\"card-main\">Some content</template>\n <template slot=\"card-footer\">A footer</template>\n </card>`,\n }))\n\n .add('as a viewport', () => ({\n components: { Card, FieldButton },\n template: `\n <div style=\"padding: 0px;\">\n <card viewport>\n <template v-slot:card-main>\n <h1 class=\"heading--verse\">Hello</h1>\n </template>\n <template v-slot:card-footer>\n <h1 class=\"copy copy--lead\">You&rsquo;re awesome!</h1>\n <p class=\"copy--verse\">You&rsquo;re so close to completing your <span class=\"copy--orphans\">Property Information Form.</span></p>\n <field-button fitted primary class=\"button--buffer\">Continue</field-button>\n </template>\n </card>\n </div>`,\n }));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/card/card.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from './Card';\nimport FieldButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Card', module);\n\nstory\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { Card },\n template: '<card :heading=\"heading\"></card>',\n props: {\n heading: {\n default: text('Heading', 'Card heading'),\n },\n type: {\n default: text('Type', 'section'),\n },\n },\n }))\n\n .add('with content', () => ({\n components: { Card },\n template: '<card><template slot=\"card-main\">Some content</template></card>',\n }))\n\n .add('with a header', () => ({\n components: { Card },\n template: '<card><template slot=\"card-header\">A header</template></card>',\n }))\n\n .add('with a footer', () => ({\n components: { Card },\n template: '<card><template slot=\"card-footer\">A footer</template></card>',\n }))\n\n .add('with full width content', () => ({\n components: { Card, FieldButton },\n template: `\n <div>\n <card :canvas=\"false\"><field-button fitted>This is a button</field-button></card>\n <card :canvas=\"false\"><field-button primary>This is another button</field-button></card>\n <card :canvas=\"false\"><field-button>This is a third button</field-button></card>\n </div>`,\n }))\n\n .add('with header, content, footer', () => ({\n components: { Card },\n template: `\n <card>\n <template slot=\"card-header\">A header</template>\n <template slot=\"card-main\">Some content</template>\n <template slot=\"card-footer\">A footer</template>\n </card>`,\n }))\n\n .add('as a viewport', () => ({\n components: { Card, FieldButton },\n template: `\n <div style=\"padding: 0px;\">\n <card viewport>\n <template v-slot:card-main>\n <h1 class=\"heading--verse\">Hello</h1>\n </template>\n <template v-slot:card-footer>\n <h1 class=\"copy copy--lead\">You&rsquo;re awesome!</h1>\n <p class=\"copy--verse\">You&rsquo;re so close to completing your <span class=\"copy--orphans\">Property Information Form.</span></p>\n <field-button fitted primary class=\"button--buffer\">Continue</field-button>\n </template>\n </card>\n </div>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from './Card'; error: Delete `··` (prettier/prettier) at src/components/card/card.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from './Card'; 9 | import FieldButton from '../button/Button'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/card/card.stories.js:12:54: 10 | import { withKnobs, text } from '@storybook/addon-knobs'; 11 | > 12 | const story = storiesOf('Card', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 13 | 14 | story 15 | .addDecorator(withKnobs) error: Replace `⏎` with `;` (prettier/prettier) at src/components/card/card.stories.js:80:6: 78 | </card> 79 | </div>`, > 80 | })) | ^ 81 | 82 | error: Delete `··` (prettier/prettier) at src/components/card/card.stories.js:82:1: 80 | })) 81 | > 82 | | ^ 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/close-button/close-button.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/close-button/close-button.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport CloseButton from './CloseButton';\nimport notes from './readme.md';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Close button', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { CloseButton },\n template: '<close-button :disabled=\"disabled\" @click=\"clickTest\" />',\n props: {},\n methods: {\n clickTest() {\n alert('You clicked the close button.');\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/close-button/close-button.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport CloseButton from './CloseButton';\nimport notes from './readme.md';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Close button', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { CloseButton },\n template: '<close-button :disabled=\"disabled\" @click=\"clickTest\" />',\n props: {},\n methods: {\n clickTest() {\n alert('You clicked the close button.');\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}` with `export·var·__ADDS_MAP__·=·{⏎··'close-button--component':·{⏎····startLoc:·{·col:·7,·line:·13·},⏎····endLoc:·{·col:·4,·line:·22·},⏎··},⏎` (prettier/prettier) at src/components/close-button/close-button.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport CloseButton from './CloseButton';\nimport notes from './readme.md';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Close button', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { CloseButton },\n template: '<close-button :disabled=\"disabled\" @click=\"clickTest\" />',\n props: {},\n methods: {\n clickTest() {\n alert('You clicked the close button.');\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/close-button/close-button.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport CloseButton from './CloseButton';\nimport notes from './readme.md';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Close button', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { CloseButton },\n template: '<close-button :disabled=\"disabled\" @click=\"clickTest\" />',\n props: {},\n methods: {\n clickTest() {\n alert('You clicked the close button.');\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import CloseButton from './CloseButton'; error: Delete `··` (prettier/prettier) at src/components/close-button/close-button.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"close-button--component":{"startLoc":{"col":7,"line":13},"endLoc":{"col":4,"line":22}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import CloseButton from './CloseButton'; 9 | import notes from './readme.md'; error: Insert `⏎··` (prettier/prettier) at src/components/close-button/close-button.stories.js:12:34: 10 | import { withKnobs } from '@storybook/addon-knobs'; 11 | > 12 | storiesOf('Close button', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 13 | .addDecorator(withKnobs) 14 | .addParameters({ 15 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/close-button/close-button.stories.js:29:1: 27 | }, 28 | })); > 29 | | ^ 30 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/conveyance-progress/conveyance-progress.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport ConveyanceProgress from './ConveyanceProgress';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Conveyance progress', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { ConveyanceProgress },\n template: `<ConveyanceProgress></ConveyanceProgress>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport ConveyanceProgress from './ConveyanceProgress';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Conveyance progress', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { ConveyanceProgress },\n template: `<ConveyanceProgress></ConveyanceProgress>`,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}` with `export·var·__ADDS_MAP__·=·{⏎··'conveyance-progress--component':·{⏎····startLoc:·{·col:·7,·line:·7·},⏎····endLoc:·{·col:·4,·line:·10·},⏎··},⏎` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport ConveyanceProgress from './ConveyanceProgress';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Conveyance progress', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { ConveyanceProgress },\n template: `<ConveyanceProgress></ConveyanceProgress>`,\n }));\n"; > 4 | export var __ADDS_MAP__ = {"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport ConveyanceProgress from './ConveyanceProgress';\nimport { withKnobs } from '@storybook/addon-knobs';\n\nstoriesOf('Conveyance progress', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { ConveyanceProgress },\n template: `<ConveyanceProgress></ConveyanceProgress>`,\n }));\n"; 4 | export var __ADDS_MAP__ = {"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import ConveyanceProgress from './ConveyanceProgress'; error: Delete `··` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"conveyance-progress--component":{"startLoc":{"col":7,"line":7},"endLoc":{"col":4,"line":10}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import ConveyanceProgress from './ConveyanceProgress'; 9 | import { withKnobs } from '@storybook/addon-knobs'; error: Insert `⏎··` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:11:41: 9 | import { withKnobs } from '@storybook/addon-knobs'; 10 | > 11 | storiesOf('Conveyance progress', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 12 | .addDecorator(withKnobs) 13 | .add('component', () => ({ 14 | components: { ConveyanceProgress }, error: Delete `⏎··` (prettier/prettier) at src/components/conveyance-progress/conveyance-progress.stories.js:17:1: 15 | template: `<ConveyanceProgress></ConveyanceProgress>`, 16 | })); > 17 | | ^ 18 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/autocomplete/autocomplete.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Autocomplete from './Autocomplete';\nimport FieldForm from '../form/Form';\nimport Card from '../../card/Card';\nimport AutocompleteResultItemAddress from './ResultItemAddress';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Autocomplete', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Autocomplete, FieldForm, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <autocomplete :show-menu=\"showMenu\" :results=\"results\" />\n </field-form>\n </card>\n </div>\n `,\n data() {\n return {\n results: [],\n results2: ['Apples', 'Pears', 'Pineapples'],\n };\n },\n props: {\n showMenu: {\n default: boolean('Show menu', true),\n },\n },\n }))\n .add('with a custom formatter', () => ({\n components: {\n Autocomplete,\n FieldForm,\n Card,\n AutocompleteResultItemAddress,\n },\n template: `\n <card>\n <field-form>\n <autocomplete :results=\"results\">\n <template v-slot:result-item=result>\n <autocomplete-result-item-address :item=\"result.item\" />\n </template>\n </autocomplete>\n </field-form>\n </card>\n `,\n data() {\n return {\n results: [\n {\n address_first_line: 'Flat 1 Fitzmaurice House',\n address_second_line: 'Galleyway Road',\n postcode: 'SE16 3PG',\n county: 'England',\n country: 'UK',\n },\n {\n address_first_line: '20 St. Thomas St.',\n address_second_line: '',\n postcode: 'SE1 9RS',\n county: 'England',\n country: 'UK',\n },\n ],\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Autocomplete from './Autocomplete';\nimport FieldForm from '../form/Form';\nimport Card from '../../card/Card';\nimport AutocompleteResultItemAddress from './ResultItemAddress';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Autocomplete', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Autocomplete, FieldForm, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <autocomplete :show-menu=\"showMenu\" :results=\"results\" />\n </field-form>\n </card>\n </div>\n `,\n data() {\n return {\n results: [],\n results2: ['Apples', 'Pears', 'Pineapples'],\n };\n },\n props: {\n showMenu: {\n default: boolean('Show menu', true),\n },\n },\n }))\n .add('with a custom formatter', () => ({\n components: {\n Autocomplete,\n FieldForm,\n Card,\n AutocompleteResultItemAddress,\n },\n template: `\n <card>\n <field-form>\n <autocomplete :results=\"results\">\n <template v-slot:result-item=result>\n <autocomplete-result-item-address :item=\"result.item\" />\n </template>\n </autocomplete>\n </field-form>\n </card>\n `,\n data() {\n return {\n results: [\n {\n address_first_line: 'Flat 1 Fitzmaurice House',\n address_second_line: 'Galleyway Road',\n postcode: 'SE16 3PG',\n county: 'England',\n country: 'UK',\n },\n {\n address_first_line: '20 St. Thomas St.',\n address_second_line: '',\n postcode: 'SE1 9RS',\n county: 'England',\n country: 'UK',\n },\n ],\n };\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-autocomplete--with-a-custom-formatter':·{⏎····startLoc:·{·col:·7,·line:·33·},⏎····endLoc:·{·col:·4,·line:·71·},⏎··},⏎··'fields-autocomplete--component':·{⏎····startLoc:·{·col:·7,·line:·10·},⏎····endLoc:·{·col:·4,·line:·32·},⏎··},⏎` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Autocomplete from './Autocomplete';\nimport FieldForm from '../form/Form';\nimport Card from '../../card/Card';\nimport AutocompleteResultItemAddress from './ResultItemAddress';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Autocomplete', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Autocomplete, FieldForm, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <autocomplete :show-menu=\"showMenu\" :results=\"results\" />\n </field-form>\n </card>\n </div>\n `,\n data() {\n return {\n results: [],\n results2: ['Apples', 'Pears', 'Pineapples'],\n };\n },\n props: {\n showMenu: {\n default: boolean('Show menu', true),\n },\n },\n }))\n .add('with a custom formatter', () => ({\n components: {\n Autocomplete,\n FieldForm,\n Card,\n AutocompleteResultItemAddress,\n },\n template: `\n <card>\n <field-form>\n <autocomplete :results=\"results\">\n <template v-slot:result-item=result>\n <autocomplete-result-item-address :item=\"result.item\" />\n </template>\n </autocomplete>\n </field-form>\n </card>\n `,\n data() {\n return {\n results: [\n {\n address_first_line: 'Flat 1 Fitzmaurice House',\n address_second_line: 'Galleyway Road',\n postcode: 'SE16 3PG',\n county: 'England',\n country: 'UK',\n },\n {\n address_first_line: '20 St. Thomas St.',\n address_second_line: '',\n postcode: 'SE1 9RS',\n county: 'England',\n country: 'UK',\n },\n ],\n };\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Autocomplete from './Autocomplete';\nimport FieldForm from '../form/Form';\nimport Card from '../../card/Card';\nimport AutocompleteResultItemAddress from './ResultItemAddress';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Autocomplete', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Autocomplete, FieldForm, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <autocomplete :show-menu=\"showMenu\" :results=\"results\" />\n </field-form>\n </card>\n </div>\n `,\n data() {\n return {\n results: [],\n results2: ['Apples', 'Pears', 'Pineapples'],\n };\n },\n props: {\n showMenu: {\n default: boolean('Show menu', true),\n },\n },\n }))\n .add('with a custom formatter', () => ({\n components: {\n Autocomplete,\n FieldForm,\n Card,\n AutocompleteResultItemAddress,\n },\n template: `\n <card>\n <field-form>\n <autocomplete :results=\"results\">\n <template v-slot:result-item=result>\n <autocomplete-result-item-address :item=\"result.item\" />\n </template>\n </autocomplete>\n </field-form>\n </card>\n `,\n data() {\n return {\n results: [\n {\n address_first_line: 'Flat 1 Fitzmaurice House',\n address_second_line: 'Galleyway Road',\n postcode: 'SE16 3PG',\n county: 'England',\n country: 'UK',\n },\n {\n address_first_line: '20 St. Thomas St.',\n address_second_line: '',\n postcode: 'SE1 9RS',\n county: 'England',\n country: 'UK',\n },\n ],\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Autocomplete from './Autocomplete'; error: Delete `··` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-autocomplete--with-a-custom-formatter":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":71}},"fields-autocomplete--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":32}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Autocomplete from './Autocomplete'; 9 | import FieldForm from '../form/Form'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:14:41: 12 | import { withKnobs, boolean } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Autocomplete', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .add('component', () => ({ 17 | components: { Autocomplete, FieldForm, Card }, error: Delete `⏎··` (prettier/prettier) at src/components/fields/autocomplete/autocomplete.stories.js:78:1: 76 | }, 77 | })); > 78 | | ^ 79 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/checkbox/checkbox.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Checkbox', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('component', () => ({\n components: { FieldCheckbox, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-checkbox\n v-model=\"storyValue\"\n :label=\"CheckboxLabel\"\n :validationLabel=\"validationLabel\"\n :value=\"value\"\n :legend=\"legend\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n value: 'option-1',\n };\n },\n props: {\n CheckboxLabel: {\n default: text('Checkbox label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the checkbox'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Checkbox', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('component', () => ({\n components: { FieldCheckbox, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-checkbox\n v-model=\"storyValue\"\n :label=\"CheckboxLabel\"\n :validationLabel=\"validationLabel\"\n :value=\"value\"\n :legend=\"legend\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n value: 'option-1',\n };\n },\n props: {\n CheckboxLabel: {\n default: text('Checkbox label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the checkbox'),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-checkbox--component':·{⏎····startLoc:·{·col:·7,·line:·17·},⏎····endLoc:·{·col:·4,·line:·52·},⏎··},⏎` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Checkbox', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('component', () => ({\n components: { FieldCheckbox, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-checkbox\n v-model=\"storyValue\"\n :label=\"CheckboxLabel\"\n :validationLabel=\"validationLabel\"\n :value=\"value\"\n :legend=\"legend\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n value: 'option-1',\n };\n },\n props: {\n CheckboxLabel: {\n default: text('Checkbox label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the checkbox'),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Checkbox', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('component', () => ({\n components: { FieldCheckbox, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-checkbox\n v-model=\"storyValue\"\n :label=\"CheckboxLabel\"\n :validationLabel=\"validationLabel\"\n :value=\"value\"\n :legend=\"legend\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n value: 'option-1',\n };\n },\n props: {\n CheckboxLabel: {\n default: text('Checkbox label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the checkbox'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox'; error: Delete `··` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-checkbox--component":{"startLoc":{"col":7,"line":17},"endLoc":{"col":4,"line":52}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:14:37: 12 | import { withKnobs, text } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Checkbox', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | 17 | .addParameters({ error: Delete `⏎··` (prettier/prettier) at src/components/fields/checkbox/checkbox.stories.js:59:1: 57 | }, 58 | })); > 59 | | ^ 60 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/field-compound/fieldCompound.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCompound from './FieldCompound';\nimport Card from './../../card/Card';\nimport FieldForm from '../form/Form';\nimport FieldCompoundItem from './FieldCompoundItem';\nimport FieldInput from '../input/Input';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Compound', module)\n .addDecorator(withKnobs)\n .add('as component', () => ({\n components: {\n Card,\n FieldForm,\n FieldCompound,\n FieldCompoundItem,\n FieldInput,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound\n :row-at-medium=\"mediumRow\"\n >\n <field-compound-item>\n <field-input\n v-model.trim=\"personalName\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"familyName\"\n label=\"Last name\"\n />\n </field-compound-item>\n </field-compound>\n </field-form>\n </card>\n </div>\n `,\n props: {\n mediumRow: {\n default: boolean('Medium row', true),\n },\n },\n\n data() {\n return {\n personalName: 'Wolfgang Amadeus',\n familyName: 'Mozart',\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCompound from './FieldCompound';\nimport Card from './../../card/Card';\nimport FieldForm from '../form/Form';\nimport FieldCompoundItem from './FieldCompoundItem';\nimport FieldInput from '../input/Input';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Compound', module)\n .addDecorator(withKnobs)\n .add('as component', () => ({\n components: {\n Card,\n FieldForm,\n FieldCompound,\n FieldCompoundItem,\n FieldInput,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound\n :row-at-medium=\"mediumRow\"\n >\n <field-compound-item>\n <field-input\n v-model.trim=\"personalName\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"familyName\"\n label=\"Last name\"\n />\n </field-compound-item>\n </field-compound>\n </field-form>\n </card>\n </div>\n `,\n props: {\n mediumRow: {\n default: boolean('Medium row', true),\n },\n },\n\n data() {\n return {\n personalName: 'Wolfgang Amadeus',\n familyName: 'Mozart',\n };\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-compound--as-component':·{⏎····startLoc:·{·col:·7,·line:·11·},⏎····endLoc:·{·col:·4,·line:·57·},⏎··},⏎` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCompound from './FieldCompound';\nimport Card from './../../card/Card';\nimport FieldForm from '../form/Form';\nimport FieldCompoundItem from './FieldCompoundItem';\nimport FieldInput from '../input/Input';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Compound', module)\n .addDecorator(withKnobs)\n .add('as component', () => ({\n components: {\n Card,\n FieldForm,\n FieldCompound,\n FieldCompoundItem,\n FieldInput,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound\n :row-at-medium=\"mediumRow\"\n >\n <field-compound-item>\n <field-input\n v-model.trim=\"personalName\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"familyName\"\n label=\"Last name\"\n />\n </field-compound-item>\n </field-compound>\n </field-form>\n </card>\n </div>\n `,\n props: {\n mediumRow: {\n default: boolean('Medium row', true),\n },\n },\n\n data() {\n return {\n personalName: 'Wolfgang Amadeus',\n familyName: 'Mozart',\n };\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldCompound from './FieldCompound';\nimport Card from './../../card/Card';\nimport FieldForm from '../form/Form';\nimport FieldCompoundItem from './FieldCompoundItem';\nimport FieldInput from '../input/Input';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Compound', module)\n .addDecorator(withKnobs)\n .add('as component', () => ({\n components: {\n Card,\n FieldForm,\n FieldCompound,\n FieldCompoundItem,\n FieldInput,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound\n :row-at-medium=\"mediumRow\"\n >\n <field-compound-item>\n <field-input\n v-model.trim=\"personalName\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"familyName\"\n label=\"Last name\"\n />\n </field-compound-item>\n </field-compound>\n </field-form>\n </card>\n </div>\n `,\n props: {\n mediumRow: {\n default: boolean('Medium row', true),\n },\n },\n\n data() {\n return {\n personalName: 'Wolfgang Amadeus',\n familyName: 'Mozart',\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldCompound from './FieldCompound'; error: Delete `··` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-compound--as-component":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":57}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldCompound from './FieldCompound'; 9 | import Card from './../../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:15:37: 13 | import { withKnobs, boolean } from '@storybook/addon-knobs'; 14 | > 15 | storiesOf('Fields/Compound', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 16 | .addDecorator(withKnobs) 17 | .add('as component', () => ({ 18 | components: { error: Delete `⏎··` (prettier/prettier) at src/components/fields/field-compound/fieldCompound.stories.js:64:1: 62 | }, 63 | })); > 64 | | ^ 65 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/fields.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/fields.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nimport Card from '@/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldRadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport FieldButton from '@tiles/components/fields/button/FieldButton';\nimport FieldCompound from '@tiles/components/fields/field-compound/FieldCompound';\nimport FieldCompoundItem from '@tiles/components/fields/field-compound/FieldCompoundItem';\nimport SButton from '@tiles/components/button/Button';\n\nimport { required, minLength } from 'vuelidate/lib/validators';\nimport { validPostcode } from '@/helpers/vuelidate';\n\nstoriesOf('Fields/Example', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('all fields', () => ({\n components: {\n Card,\n FieldForm,\n FieldInput,\n FieldTextarea,\n FieldSelect,\n FieldRadioGroup,\n FieldCheckbox,\n FieldCompound,\n FieldCompoundItem,\n FieldButton,\n SButton,\n },\n data() {\n return {\n showValidation: false,\n personalNames: null,\n postcode: null,\n select: '',\n radioGroup: null,\n checkbox: null,\n submittingForm: false,\n isSectionOpen: false,\n isOpenModal: false,\n selectOptions: [\n {\n name: '',\n value: '',\n },\n {\n name: 'London',\n value: 'option-1',\n },\n {\n name: 'No London',\n value: 'option-2',\n },\n ],\n radioOptions: [\n {\n label:\n 'Yes, with a long line of copy to see how the line wraps. This checks the alignment so that the radio button and the copy appear usable.',\n value: 'option-1',\n },\n {\n label: 'No',\n value: 'option-2',\n },\n ],\n };\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound row-from=\"medium\">\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"Last name\"\n helper=\"Please include all last names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n </field-compound>\n\n <field-input\n v-model.trim=\"$v.postcode.$model\"\n label=\"Postcode\"\n size=\"postcode\"\n helper=\"Please enter your full postcode.\"\n :validation-label=\"postcodeValidation\"\n />\n\n <field-textarea\n v-model.trim=\"$v.postcode.$model\"\n optional\n label=\"Full description\"\n :validation-label=\"selectValidation\"\n >\n <template v-slot:helper>\n <p class=\"copy--small\">\n This is a form helper as a slot.\n </p>\n <ul class=\"copy--small\">\n <li>With a list of requirements.</li>\n <li>To make this more clear.</li>\n </ul>\n </template>\n </field-textarea>\n\n <field-select\n v-model=\"$v.select.$model\"\n :options=\"selectOptions\"\n label=\"Location\"\n :validation-label=\"selectValidation\"\n />\n\n <field-radio-group\n v-model=\"radioGroup\"\n :options=\"radioOptions\"\n label=\"Human?\"\n :validation-label=\"radioGroupValidation\"\n />\n\n <field-checkbox\n v-model=\"checkbox\"\n label=\"Do you agree with the T&amp;Cs?\"\n value=\"Yes\"\n :validation-label=\"checkboxValidation\"\n />\n\n <field-button>\n <s-button\n primary\n fitted\n :loader=\"submittingForm\"\n :disabled=\"submittingForm\"\n type=\"submit\"\n @click=\"submitForm\"\n >Send</s-button\n >\n </field-button>\n </field-form>\n <p>Contact our Customer Success team for assistance.</p>\n </card>\n </div>\n `,\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n\n computed: {\n personalNamesValidation() {\n let validationMessage = '';\n\n if (!this.$v.personalNames.required && this.showValidation) {\n validationMessage = 'You must complete this.';\n }\n\n if (!this.$v.personalNames.minLength && this.showValidation) {\n validationMessage = 'Enter a longer name.';\n }\n\n return validationMessage;\n },\n\n postcodeValidation() {\n return !this.$v.postcode.validPostcode && this.showValidation\n ? 'Please enter a valid postcode.'\n : '';\n },\n\n selectValidation() {\n return !this.$v.select.required && this.showValidation ? 'Please select an option.' : '';\n },\n\n radioGroupValidation() {\n return !this.$v.radioGroup.required && this.showValidation\n ? 'Please enter select an option.'\n : '';\n },\n\n checkboxValidation() {\n return !this.$v.checkbox.required && this.showValidation\n ? 'Please enter select at least an option.'\n : '';\n },\n },\n methods: {\n submitForm() {\n this.showValidation = true;\n this.submittingForm = true;\n },\n },\n validations: {\n personalNames: {\n required,\n minLength: minLength(4),\n },\n postcode: {\n validPostcode,\n },\n select: {\n required,\n },\n radioGroup: {\n required,\n },\n checkbox: {\n required,\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/fields.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nimport Card from '@/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldRadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport FieldButton from '@tiles/components/fields/button/FieldButton';\nimport FieldCompound from '@tiles/components/fields/field-compound/FieldCompound';\nimport FieldCompoundItem from '@tiles/components/fields/field-compound/FieldCompoundItem';\nimport SButton from '@tiles/components/button/Button';\n\nimport { required, minLength } from 'vuelidate/lib/validators';\nimport { validPostcode } from '@/helpers/vuelidate';\n\nstoriesOf('Fields/Example', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('all fields', () => ({\n components: {\n Card,\n FieldForm,\n FieldInput,\n FieldTextarea,\n FieldSelect,\n FieldRadioGroup,\n FieldCheckbox,\n FieldCompound,\n FieldCompoundItem,\n FieldButton,\n SButton,\n },\n data() {\n return {\n showValidation: false,\n personalNames: null,\n postcode: null,\n select: '',\n radioGroup: null,\n checkbox: null,\n submittingForm: false,\n isSectionOpen: false,\n isOpenModal: false,\n selectOptions: [\n {\n name: '',\n value: '',\n },\n {\n name: 'London',\n value: 'option-1',\n },\n {\n name: 'No London',\n value: 'option-2',\n },\n ],\n radioOptions: [\n {\n label:\n 'Yes, with a long line of copy to see how the line wraps. This checks the alignment so that the radio button and the copy appear usable.',\n value: 'option-1',\n },\n {\n label: 'No',\n value: 'option-2',\n },\n ],\n };\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound row-from=\"medium\">\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"Last name\"\n helper=\"Please include all last names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n </field-compound>\n\n <field-input\n v-model.trim=\"$v.postcode.$model\"\n label=\"Postcode\"\n size=\"postcode\"\n helper=\"Please enter your full postcode.\"\n :validation-label=\"postcodeValidation\"\n />\n\n <field-textarea\n v-model.trim=\"$v.postcode.$model\"\n optional\n label=\"Full description\"\n :validation-label=\"selectValidation\"\n >\n <template v-slot:helper>\n <p class=\"copy--small\">\n This is a form helper as a slot.\n </p>\n <ul class=\"copy--small\">\n <li>With a list of requirements.</li>\n <li>To make this more clear.</li>\n </ul>\n </template>\n </field-textarea>\n\n <field-select\n v-model=\"$v.select.$model\"\n :options=\"selectOptions\"\n label=\"Location\"\n :validation-label=\"selectValidation\"\n />\n\n <field-radio-group\n v-model=\"radioGroup\"\n :options=\"radioOptions\"\n label=\"Human?\"\n :validation-label=\"radioGroupValidation\"\n />\n\n <field-checkbox\n v-model=\"checkbox\"\n label=\"Do you agree with the T&amp;Cs?\"\n value=\"Yes\"\n :validation-label=\"checkboxValidation\"\n />\n\n <field-button>\n <s-button\n primary\n fitted\n :loader=\"submittingForm\"\n :disabled=\"submittingForm\"\n type=\"submit\"\n @click=\"submitForm\"\n >Send</s-button\n >\n </field-button>\n </field-form>\n <p>Contact our Customer Success team for assistance.</p>\n </card>\n </div>\n `,\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n\n computed: {\n personalNamesValidation() {\n let validationMessage = '';\n\n if (!this.$v.personalNames.required && this.showValidation) {\n validationMessage = 'You must complete this.';\n }\n\n if (!this.$v.personalNames.minLength && this.showValidation) {\n validationMessage = 'Enter a longer name.';\n }\n\n return validationMessage;\n },\n\n postcodeValidation() {\n return !this.$v.postcode.validPostcode && this.showValidation\n ? 'Please enter a valid postcode.'\n : '';\n },\n\n selectValidation() {\n return !this.$v.select.required && this.showValidation ? 'Please select an option.' : '';\n },\n\n radioGroupValidation() {\n return !this.$v.radioGroup.required && this.showValidation\n ? 'Please enter select an option.'\n : '';\n },\n\n checkboxValidation() {\n return !this.$v.checkbox.required && this.showValidation\n ? 'Please enter select at least an option.'\n : '';\n },\n },\n methods: {\n submitForm() {\n this.showValidation = true;\n this.submittingForm = true;\n },\n },\n validations: {\n personalNames: {\n required,\n minLength: minLength(4),\n },\n postcode: {\n validPostcode,\n },\n select: {\n required,\n },\n radioGroup: {\n required,\n },\n checkbox: {\n required,\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-example--all-fields':·{⏎····startLoc:·{·col:·7,·line:·27·},⏎····endLoc:·{·col:·4,·line:·241·},⏎··},⏎` (prettier/prettier) at src/components/fields/fields.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nimport Card from '@/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldRadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport FieldButton from '@tiles/components/fields/button/FieldButton';\nimport FieldCompound from '@tiles/components/fields/field-compound/FieldCompound';\nimport FieldCompoundItem from '@tiles/components/fields/field-compound/FieldCompoundItem';\nimport SButton from '@tiles/components/button/Button';\n\nimport { required, minLength } from 'vuelidate/lib/validators';\nimport { validPostcode } from '@/helpers/vuelidate';\n\nstoriesOf('Fields/Example', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('all fields', () => ({\n components: {\n Card,\n FieldForm,\n FieldInput,\n FieldTextarea,\n FieldSelect,\n FieldRadioGroup,\n FieldCheckbox,\n FieldCompound,\n FieldCompoundItem,\n FieldButton,\n SButton,\n },\n data() {\n return {\n showValidation: false,\n personalNames: null,\n postcode: null,\n select: '',\n radioGroup: null,\n checkbox: null,\n submittingForm: false,\n isSectionOpen: false,\n isOpenModal: false,\n selectOptions: [\n {\n name: '',\n value: '',\n },\n {\n name: 'London',\n value: 'option-1',\n },\n {\n name: 'No London',\n value: 'option-2',\n },\n ],\n radioOptions: [\n {\n label:\n 'Yes, with a long line of copy to see how the line wraps. This checks the alignment so that the radio button and the copy appear usable.',\n value: 'option-1',\n },\n {\n label: 'No',\n value: 'option-2',\n },\n ],\n };\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound row-from=\"medium\">\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"Last name\"\n helper=\"Please include all last names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n </field-compound>\n\n <field-input\n v-model.trim=\"$v.postcode.$model\"\n label=\"Postcode\"\n size=\"postcode\"\n helper=\"Please enter your full postcode.\"\n :validation-label=\"postcodeValidation\"\n />\n\n <field-textarea\n v-model.trim=\"$v.postcode.$model\"\n optional\n label=\"Full description\"\n :validation-label=\"selectValidation\"\n >\n <template v-slot:helper>\n <p class=\"copy--small\">\n This is a form helper as a slot.\n </p>\n <ul class=\"copy--small\">\n <li>With a list of requirements.</li>\n <li>To make this more clear.</li>\n </ul>\n </template>\n </field-textarea>\n\n <field-select\n v-model=\"$v.select.$model\"\n :options=\"selectOptions\"\n label=\"Location\"\n :validation-label=\"selectValidation\"\n />\n\n <field-radio-group\n v-model=\"radioGroup\"\n :options=\"radioOptions\"\n label=\"Human?\"\n :validation-label=\"radioGroupValidation\"\n />\n\n <field-checkbox\n v-model=\"checkbox\"\n label=\"Do you agree with the T&amp;Cs?\"\n value=\"Yes\"\n :validation-label=\"checkboxValidation\"\n />\n\n <field-button>\n <s-button\n primary\n fitted\n :loader=\"submittingForm\"\n :disabled=\"submittingForm\"\n type=\"submit\"\n @click=\"submitForm\"\n >Send</s-button\n >\n </field-button>\n </field-form>\n <p>Contact our Customer Success team for assistance.</p>\n </card>\n </div>\n `,\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n\n computed: {\n personalNamesValidation() {\n let validationMessage = '';\n\n if (!this.$v.personalNames.required && this.showValidation) {\n validationMessage = 'You must complete this.';\n }\n\n if (!this.$v.personalNames.minLength && this.showValidation) {\n validationMessage = 'Enter a longer name.';\n }\n\n return validationMessage;\n },\n\n postcodeValidation() {\n return !this.$v.postcode.validPostcode && this.showValidation\n ? 'Please enter a valid postcode.'\n : '';\n },\n\n selectValidation() {\n return !this.$v.select.required && this.showValidation ? 'Please select an option.' : '';\n },\n\n radioGroupValidation() {\n return !this.$v.radioGroup.required && this.showValidation\n ? 'Please enter select an option.'\n : '';\n },\n\n checkboxValidation() {\n return !this.$v.checkbox.required && this.showValidation\n ? 'Please enter select at least an option.'\n : '';\n },\n },\n methods: {\n submitForm() {\n this.showValidation = true;\n this.submittingForm = true;\n },\n },\n validations: {\n personalNames: {\n required,\n minLength: minLength(4),\n },\n postcode: {\n validPostcode,\n },\n select: {\n required,\n },\n radioGroup: {\n required,\n },\n checkbox: {\n required,\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/fields.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nimport Card from '@/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldRadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport FieldCheckbox from '@tiles/components/fields/checkbox/Checkbox';\nimport FieldButton from '@tiles/components/fields/button/FieldButton';\nimport FieldCompound from '@tiles/components/fields/field-compound/FieldCompound';\nimport FieldCompoundItem from '@tiles/components/fields/field-compound/FieldCompoundItem';\nimport SButton from '@tiles/components/button/Button';\n\nimport { required, minLength } from 'vuelidate/lib/validators';\nimport { validPostcode } from '@/helpers/vuelidate';\n\nstoriesOf('Fields/Example', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('all fields', () => ({\n components: {\n Card,\n FieldForm,\n FieldInput,\n FieldTextarea,\n FieldSelect,\n FieldRadioGroup,\n FieldCheckbox,\n FieldCompound,\n FieldCompoundItem,\n FieldButton,\n SButton,\n },\n data() {\n return {\n showValidation: false,\n personalNames: null,\n postcode: null,\n select: '',\n radioGroup: null,\n checkbox: null,\n submittingForm: false,\n isSectionOpen: false,\n isOpenModal: false,\n selectOptions: [\n {\n name: '',\n value: '',\n },\n {\n name: 'London',\n value: 'option-1',\n },\n {\n name: 'No London',\n value: 'option-2',\n },\n ],\n radioOptions: [\n {\n label:\n 'Yes, with a long line of copy to see how the line wraps. This checks the alignment so that the radio button and the copy appear usable.',\n value: 'option-1',\n },\n {\n label: 'No',\n value: 'option-2',\n },\n ],\n };\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-compound row-from=\"medium\">\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"First names\"\n helper=\"Please include any middle names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n\n <field-compound-item>\n <field-input\n v-model.trim=\"$v.personalNames.$model\"\n label=\"Last name\"\n helper=\"Please include all last names.\"\n :validation-label=\"personalNamesValidation\"\n />\n </field-compound-item>\n </field-compound>\n\n <field-input\n v-model.trim=\"$v.postcode.$model\"\n label=\"Postcode\"\n size=\"postcode\"\n helper=\"Please enter your full postcode.\"\n :validation-label=\"postcodeValidation\"\n />\n\n <field-textarea\n v-model.trim=\"$v.postcode.$model\"\n optional\n label=\"Full description\"\n :validation-label=\"selectValidation\"\n >\n <template v-slot:helper>\n <p class=\"copy--small\">\n This is a form helper as a slot.\n </p>\n <ul class=\"copy--small\">\n <li>With a list of requirements.</li>\n <li>To make this more clear.</li>\n </ul>\n </template>\n </field-textarea>\n\n <field-select\n v-model=\"$v.select.$model\"\n :options=\"selectOptions\"\n label=\"Location\"\n :validation-label=\"selectValidation\"\n />\n\n <field-radio-group\n v-model=\"radioGroup\"\n :options=\"radioOptions\"\n label=\"Human?\"\n :validation-label=\"radioGroupValidation\"\n />\n\n <field-checkbox\n v-model=\"checkbox\"\n label=\"Do you agree with the T&amp;Cs?\"\n value=\"Yes\"\n :validation-label=\"checkboxValidation\"\n />\n\n <field-button>\n <s-button\n primary\n fitted\n :loader=\"submittingForm\"\n :disabled=\"submittingForm\"\n type=\"submit\"\n @click=\"submitForm\"\n >Send</s-button\n >\n </field-button>\n </field-form>\n <p>Contact our Customer Success team for assistance.</p>\n </card>\n </div>\n `,\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n\n computed: {\n personalNamesValidation() {\n let validationMessage = '';\n\n if (!this.$v.personalNames.required && this.showValidation) {\n validationMessage = 'You must complete this.';\n }\n\n if (!this.$v.personalNames.minLength && this.showValidation) {\n validationMessage = 'Enter a longer name.';\n }\n\n return validationMessage;\n },\n\n postcodeValidation() {\n return !this.$v.postcode.validPostcode && this.showValidation\n ? 'Please enter a valid postcode.'\n : '';\n },\n\n selectValidation() {\n return !this.$v.select.required && this.showValidation ? 'Please select an option.' : '';\n },\n\n radioGroupValidation() {\n return !this.$v.radioGroup.required && this.showValidation\n ? 'Please enter select an option.'\n : '';\n },\n\n checkboxValidation() {\n return !this.$v.checkbox.required && this.showValidation\n ? 'Please enter select at least an option.'\n : '';\n },\n },\n methods: {\n submitForm() {\n this.showValidation = true;\n this.submittingForm = true;\n },\n },\n validations: {\n personalNames: {\n required,\n minLength: minLength(4),\n },\n postcode: {\n validPostcode,\n },\n select: {\n required,\n },\n radioGroup: {\n required,\n },\n checkbox: {\n required,\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import notes from './readme.md'; error: Delete `··` (prettier/prettier) at src/components/fields/fields.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-example--all-fields":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":241}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import notes from './readme.md'; 9 | import { withKnobs, text, boolean, number } from '@storybook/addon-knobs'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/fields.stories.js:26:36: 24 | import { validPostcode } from '@/helpers/vuelidate'; 25 | > 26 | storiesOf('Fields/Example', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 27 | .addDecorator(withKnobs) 28 | .addParameters({ 29 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/fields/fields.stories.js:250:1: 248 | }, 249 | })); > 250 | | ^ 251 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/input/input.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/input/input.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Input', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input\n v-model=\"storyValue\"\n label=\"First name\"\n :validation-label=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }))\n .add('password', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Password\" type=\"password\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('number', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Number of rooms\" type=\"number\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('inputmode email', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Email\" inputmode=\"email\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/input/input.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Input', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input\n v-model=\"storyValue\"\n label=\"First name\"\n :validation-label=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }))\n .add('password', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Password\" type=\"password\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('number', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Number of rooms\" type=\"number\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('inputmode email', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Email\" inputmode=\"email\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-input--inputmode-email':·{⏎····startLoc:·{·col:·7,·line:·90·},⏎····endLoc:·{·col:·4,·line:·107·},⏎··},⏎··'fields-input--number':·{⏎····startLoc:·{·col:·7,·line:·72·},⏎····endLoc:·{·col:·4,·line:·89·},⏎··},⏎··'fields-input--password':·{⏎····startLoc:·{·col:·7,·line:·54·},⏎····endLoc:·{·col:·4,·line:·71·},⏎··},⏎··'fields-input--component':·{⏎····startLoc:·{·col:·7,·line:·15·},⏎····endLoc:·{·col:·4,·line:·53·},⏎··},⏎` (prettier/prettier) at src/components/fields/input/input.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Input', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input\n v-model=\"storyValue\"\n label=\"First name\"\n :validation-label=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }))\n .add('password', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Password\" type=\"password\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('number', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Number of rooms\" type=\"number\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('inputmode email', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Email\" inputmode=\"email\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/input/input.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport notes from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Input', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: notes,\n },\n })\n .add('component', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input\n v-model=\"storyValue\"\n label=\"First name\"\n :validation-label=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n validationLabel: {\n default: text('Validation message', 'Please enter your name.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }))\n .add('password', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Password\" type=\"password\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('number', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Number of rooms\" type=\"number\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }))\n .add('inputmode email', () => ({\n components: { FieldInput, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-input label=\"Email\" inputmode=\"email\" v-model=\"storyValue\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldInput from '@tiles/components/fields/input/Input'; error: Delete `··` (prettier/prettier) at src/components/fields/input/input.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-input--inputmode-email":{"startLoc":{"col":7,"line":90},"endLoc":{"col":4,"line":107}},"fields-input--number":{"startLoc":{"col":7,"line":72},"endLoc":{"col":4,"line":89}},"fields-input--password":{"startLoc":{"col":7,"line":54},"endLoc":{"col":4,"line":71}},"fields-input--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":53}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldInput from '@tiles/components/fields/input/Input'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/input/input.stories.js:14:34: 12 | import { withKnobs, text, boolean, number } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Input', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .addParameters({ 17 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/fields/input/input.stories.js:114:1: 112 | }, 113 | })); > 114 | | ^ 115 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/radio-group/radio-group.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport RadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Radio group', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldForm, RadioGroup, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <radio-group\n v-model=\"storyValue\"\n :label=\"radioGroupLabel\"\n :validationLabel=\"validationLabel\"\n :options=\"options\"\n :legend=\"legend\"\n :button=\"button\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n options: [\n { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.' },\n { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.' },\n ],\n };\n },\n props: {\n radioGroupLabel: {\n default: text('Radio group label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the radio group'),\n },\n button: {\n default: boolean('As a button', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport RadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Radio group', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldForm, RadioGroup, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <radio-group\n v-model=\"storyValue\"\n :label=\"radioGroupLabel\"\n :validationLabel=\"validationLabel\"\n :options=\"options\"\n :legend=\"legend\"\n :button=\"button\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n options: [\n { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.' },\n { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.' },\n ],\n };\n },\n props: {\n radioGroupLabel: {\n default: text('Radio group label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the radio group'),\n },\n button: {\n default: boolean('As a button', false),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-radio-group--component':·{⏎····startLoc:·{·col:·7,·line:·15·},⏎····endLoc:·{·col:·4,·line:·57·},⏎··},⏎` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport RadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Radio group', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldForm, RadioGroup, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <radio-group\n v-model=\"storyValue\"\n :label=\"radioGroupLabel\"\n :validationLabel=\"validationLabel\"\n :options=\"options\"\n :legend=\"legend\"\n :button=\"button\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n options: [\n { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.' },\n { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.' },\n ],\n };\n },\n props: {\n radioGroupLabel: {\n default: text('Radio group label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the radio group'),\n },\n button: {\n default: boolean('As a button', false),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport RadioGroup from '@tiles/components/fields/radio-group/RadioGroup';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Radio group', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldForm, RadioGroup, Card },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <radio-group\n v-model=\"storyValue\"\n :label=\"radioGroupLabel\"\n :validationLabel=\"validationLabel\"\n :options=\"options\"\n :legend=\"legend\"\n :button=\"button\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n options: [\n { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.' },\n { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.' },\n ],\n };\n },\n props: {\n radioGroupLabel: {\n default: text('Radio group label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n legend: {\n default: text('Legend', 'Legend of the radio group'),\n },\n button: {\n default: boolean('As a button', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '@tiles/components/card/Card'; error: Delete `··` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-radio-group--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":57}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '@tiles/components/card/Card'; 9 | import FieldForm from '@tiles/components/fields/form/Form'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:14:40: 12 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Radio group', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .addParameters({ 17 | readme: { error: Replace `·label:·'Option·1',·value:·'option-1',·labelDescription:·'An·additional·description.',` with `⏎············label:·'Option·1',⏎············value:·'option-1',⏎············labelDescription:·'An·additional·description.',⏎·········` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:44:12: 42 | storyValue: '', 43 | options: [ > 44 | { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.', }, | ^ 45 | { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.', }, 46 | ], 47 | }; error: Replace `·label:·'Option·2',·value:·'option-2',·labelDescription:·'An·additional·description.',` with `⏎············label:·'Option·2',⏎············value:·'option-2',⏎············labelDescription:·'An·additional·description.',⏎·········` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:45:12: 43 | options: [ 44 | { label: 'Option 1', value: 'option-1', labelDescription: 'An additional description.', }, > 45 | { label: 'Option 2', value: 'option-2', labelDescription: 'An additional description.', }, | ^ 46 | ], 47 | }; 48 | }, error: Delete `⏎··` (prettier/prettier) at src/components/fields/radio-group/radio-group.stories.js:64:1: 62 | }, 63 | })); > 64 | | ^ 65 | 9 errors found. 9 errors potentially fixable with the `--fix` option. ./src/components/fields/scalar/scalar.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldButton from '@tiles/components/button/Button';\nimport Card from '@tiles/components/card/Card';\nimport ScalarForm from '@tiles/components/fields/scalar/Scalar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Scalar', module)\n .addDecorator(withKnobs)\n .add('with an input', () => ({\n components: { FieldInput, Card, FieldButton, ScalarForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-input label=\"Search\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }))\n .add('with a select', () => ({\n components: { Card, FieldButton, ScalarForm, FieldSelect },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-select label=\"Search\" :options=\"[{value: 'buyer', name: 'Buyer'}, {value: 'seller', name: 'Seller'}]\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldButton from '@tiles/components/button/Button';\nimport Card from '@tiles/components/card/Card';\nimport ScalarForm from '@tiles/components/fields/scalar/Scalar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Scalar', module)\n .addDecorator(withKnobs)\n .add('with an input', () => ({\n components: { FieldInput, Card, FieldButton, ScalarForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-input label=\"Search\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }))\n .add('with a select', () => ({\n components: { Card, FieldButton, ScalarForm, FieldSelect },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-select label=\"Search\" :options=\"[{value: 'buyer', name: 'Buyer'}, {value: 'seller', name: 'Seller'}]\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-scalar--with-a-select':·{⏎····startLoc:·{·col:·7,·line:·28·},⏎····endLoc:·{·col:·4,·line:·44·},⏎··},⏎··'fields-scalar--with-an-input':·{⏎····startLoc:·{·col:·7,·line:·11·},⏎····endLoc:·{·col:·4,·line:·27·},⏎··},⏎` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldButton from '@tiles/components/button/Button';\nimport Card from '@tiles/components/card/Card';\nimport ScalarForm from '@tiles/components/fields/scalar/Scalar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Scalar', module)\n .addDecorator(withKnobs)\n .add('with an input', () => ({\n components: { FieldInput, Card, FieldButton, ScalarForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-input label=\"Search\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }))\n .add('with a select', () => ({\n components: { Card, FieldButton, ScalarForm, FieldSelect },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-select label=\"Search\" :options=\"[{value: 'buyer', name: 'Buyer'}, {value: 'seller', name: 'Seller'}]\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldInput from '@tiles/components/fields/input/Input';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport FieldButton from '@tiles/components/button/Button';\nimport Card from '@tiles/components/card/Card';\nimport ScalarForm from '@tiles/components/fields/scalar/Scalar';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Scalar', module)\n .addDecorator(withKnobs)\n .add('with an input', () => ({\n components: { FieldInput, Card, FieldButton, ScalarForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-input label=\"Search\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }))\n .add('with a select', () => ({\n components: { Card, FieldButton, ScalarForm, FieldSelect },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <scalar-form>\n <template v-slot:field>\n <field-select label=\"Search\" :options=\"[{value: 'buyer', name: 'Buyer'}, {value: 'seller', name: 'Seller'}]\" />\n </template>\n <template v-slot:button>\n <field-button>Search</field-button>\n </template>\n </scalar-form>\n </card>\n </div>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldInput from '@tiles/components/fields/input/Input'; error: Delete `··` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-scalar--with-a-select":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":44}},"fields-scalar--with-an-input":{"startLoc":{"col":7,"line":11},"endLoc":{"col":4,"line":27}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldInput from '@tiles/components/fields/input/Input'; 9 | import FieldSelect from '@tiles/components/fields/select/Select'; error: 'text' is defined but never used (no-unused-vars) at src/components/fields/scalar/scalar.stories.js:13:21: 11 | import Card from '@tiles/components/card/Card'; 12 | import ScalarForm from '@tiles/components/fields/scalar/Scalar'; > 13 | import { withKnobs, text } from '@storybook/addon-knobs'; | ^ 14 | 15 | storiesOf('Fields/Scalar', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) 16 | .addDecorator(withKnobs) error: Insert `⏎··` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:15:35: 13 | import { withKnobs, text } from '@storybook/addon-knobs'; 14 | > 15 | storiesOf('Fields/Scalar', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 16 | .addDecorator(withKnobs) 17 | .add('with an input', () => ({ 18 | components: { FieldInput, Card, FieldButton, ScalarForm, }, error: Delete `,` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:18:60: 16 | .addDecorator(withKnobs) 17 | .add('with an input', () => ({ > 18 | components: { FieldInput, Card, FieldButton, ScalarForm, }, | ^ 19 | template: ` 20 | <div style="padding: 16px;"> 21 | <card> error: Delete `⏎··` (prettier/prettier) at src/components/fields/scalar/scalar.stories.js:51:1: 49 | `, 50 | })); > 51 | | ^ 52 | 9 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/fields/select/select.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/select/select.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Select', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldSelect, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-select v-model=\"storyValue\" :options=\"options\" :label=\"selectLabel\" :validationLabel=\"validationLabel\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: 'option-3',\n options: [\n {\n name: 'Option 1',\n value: 'option-1',\n },\n {\n name: 'Option 2',\n value: 'option-2',\n },\n {\n name: 'Option 3',\n value: 'option-3',\n },\n ],\n };\n },\n props: {\n selectLabel: {\n default: text('Select label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/select/select.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Select', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldSelect, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-select v-model=\"storyValue\" :options=\"options\" :label=\"selectLabel\" :validationLabel=\"validationLabel\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: 'option-3',\n options: [\n {\n name: 'Option 1',\n value: 'option-1',\n },\n {\n name: 'Option 2',\n value: 'option-2',\n },\n {\n name: 'Option 3',\n value: 'option-3',\n },\n ],\n };\n },\n props: {\n selectLabel: {\n default: text('Select label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-select--component':·{⏎····startLoc:·{·col:·7,·line:·15·},⏎····endLoc:·{·col:·4,·line:·54·},⏎··},⏎` (prettier/prettier) at src/components/fields/select/select.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Select', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldSelect, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-select v-model=\"storyValue\" :options=\"options\" :label=\"selectLabel\" :validationLabel=\"validationLabel\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: 'option-3',\n options: [\n {\n name: 'Option 1',\n value: 'option-1',\n },\n {\n name: 'Option 2',\n value: 'option-2',\n },\n {\n name: 'Option 3',\n value: 'option-3',\n },\n ],\n };\n },\n props: {\n selectLabel: {\n default: text('Select label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/select/select.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldSelect from '@tiles/components/fields/select/Select';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Select', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldSelect, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-select v-model=\"storyValue\" :options=\"options\" :label=\"selectLabel\" :validationLabel=\"validationLabel\" />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: 'option-3',\n options: [\n {\n name: 'Option 1',\n value: 'option-1',\n },\n {\n name: 'Option 2',\n value: 'option-2',\n },\n {\n name: 'Option 3',\n value: 'option-3',\n },\n ],\n };\n },\n props: {\n selectLabel: {\n default: text('Select label', 'Options'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldSelect from '@tiles/components/fields/select/Select'; error: Delete `··` (prettier/prettier) at src/components/fields/select/select.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-select--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":54}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldSelect from '@tiles/components/fields/select/Select'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/select/select.stories.js:14:35: 12 | import { withKnobs, text } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Select', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .addParameters({ 17 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/fields/select/select.stories.js:61:1: 59 | }, 60 | })); > 61 | | ^ 62 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/fields/textarea/textarea.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Textarea', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldTextarea, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-textarea\n v-model=\"storyValue\"\n :label=\"textareaLabel\"\n :validationLabel=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n textareaLabel: {\n default: text('Textarea label', 'Describe your property'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Textarea', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldTextarea, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-textarea\n v-model=\"storyValue\"\n :label=\"textareaLabel\"\n :validationLabel=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n textareaLabel: {\n default: text('Textarea label', 'Describe your property'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}` with `export·var·__ADDS_MAP__·=·{⏎··'fields-textarea--component':·{⏎····startLoc:·{·col:·7,·line:·15·},⏎····endLoc:·{·col:·4,·line:·56·},⏎··},⏎` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Textarea', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldTextarea, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-textarea\n v-model=\"storyValue\"\n :label=\"textareaLabel\"\n :validationLabel=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n textareaLabel: {\n default: text('Textarea label', 'Describe your property'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport FieldTextarea from '@tiles/components/fields/textarea/Textarea';\nimport Card from '@tiles/components/card/Card';\nimport FieldForm from '@tiles/components/fields/form/Form';\nimport readme from './readme.md';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs';\n\nstoriesOf('Fields/Textarea', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { FieldTextarea, Card, FieldForm },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <field-form>\n <field-textarea\n v-model=\"storyValue\"\n :label=\"textareaLabel\"\n :validationLabel=\"validationLabel\"\n :autocomplete=\"autocompleteValue\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n />\n </field-form>\n <p>The selected value is: <strong>{{ storyValue }}</strong>.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n textareaLabel: {\n default: text('Textarea label', 'Describe your property'),\n },\n validationLabel: {\n default: text('Validation message', 'Please select an option.'),\n },\n autocompleteValue: {\n default: boolean('Autocomplete', false),\n },\n minlength: {\n default: number('Min length', 2),\n },\n maxlength: {\n default: number('Max length', 100),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldTextarea from '@tiles/components/fields/textarea/Textarea'; error: Delete `··` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"fields-textarea--component":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":56}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import FieldTextarea from '@tiles/components/fields/textarea/Textarea'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:14:37: 12 | import { withKnobs, text, boolean, number } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Fields/Textarea', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .addParameters({ 17 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/fields/textarea/textarea.stories.js:63:1: 61 | }, 62 | })); > 63 | | ^ 64 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/flyout/flyout.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/flyout/flyout.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Card from '@tiles/components/card/Card';\nimport Flyout from './Flyout';\nimport FlyoutTabs from './FlyoutTabs';\nimport FlyoutTabsContent from './FlyoutTabsContent';\nimport FlyoutTabsNav from './FlyoutTabsNav';\nimport SButton from '../button/Button';\n\nimport SiteStore from '@/components/site/store/modules/site';\n\nVue.use(VueRouter);\n\nstoriesOf('Flyout', module)\n .addDecorator(withKnobs)\n\n .add('as a component with heading', () => ({\n components: { Flyout },\n\n template: `\n <flyout\n :heading=\"heading\"\n open\n >\n <template v-slot:flyout-main>\n <p>I'm a flyout</p>\n </template>\n </flyout>\n `,\n props: {\n heading: {\n default: text('Heading', 'Flyout heading'),\n },\n },\n }))\n\n .add('with button', () => ({\n components: {\n Flyout,\n SButton,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <s-button>Click me</s-button>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('static', () => ({\n components: {\n Card,\n Flyout,\n SButton,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><s-button @click=\"openFlyout\">Open flyout</s-button></p>\n\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n static-from=\"medium\"\n >\n <template v-slot:flyout-main>\n <p>This is a static flyout.</p>\n </template>\n </flyout>\n\n </card>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('with tabs', () => ({\n components: {\n Flyout,\n SButton,\n FlyoutTabs,\n FlyoutTabsContent,\n FlyoutTabsNav,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <flyout-tabs>\n <template v-slot:flyout-tabs-nav>\n <flyout-tabs-nav references=\"everything\" active>Everything</flyout-tabs-nav>\n <flyout-tabs-nav references=\"something\">Something</flyout-tabs-nav>\n </template>\n <template v-slot:flyout-tabs-main>\n <flyout-tabs-content reference=\"everything\">\n <p><strong>That's awesome, we know it's a long series of questions.</strong></p>\n \n <p>Now that this is complete we can progress to the next stage.</p>\n </flyout-tabs-content>\n <flyout-tabs-content reference=\"something\">\n <p><strong>This is something.</strong></p>\n \n <p>Another tab.</p>\n </flyout-tabs-content>\n </template>\n </flyout-tabs>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: true,\n };\n },\n created() {\n this.$store.registerModule('site', SiteStore);\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/flyout/flyout.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import Vue from 'vue';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Card from '@tiles/components/card/Card';\nimport Flyout from './Flyout';\nimport FlyoutTabs from './FlyoutTabs';\nimport FlyoutTabsContent from './FlyoutTabsContent';\nimport FlyoutTabsNav from './FlyoutTabsNav';\nimport SButton from '../button/Button';\n\nimport SiteStore from '@/components/site/store/modules/site';\n\nVue.use(VueRouter);\n\nstoriesOf('Flyout', module)\n .addDecorator(withKnobs)\n\n .add('as a component with heading', () => ({\n components: { Flyout },\n\n template: `\n <flyout\n :heading=\"heading\"\n open\n >\n <template v-slot:flyout-main>\n <p>I'm a flyout</p>\n </template>\n </flyout>\n `,\n props: {\n heading: {\n default: text('Heading', 'Flyout heading'),\n },\n },\n }))\n\n .add('with button', () => ({\n components: {\n Flyout,\n SButton,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <s-button>Click me</s-button>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('static', () => ({\n components: {\n Card,\n Flyout,\n SButton,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><s-button @click=\"openFlyout\">Open flyout</s-button></p>\n\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n static-from=\"medium\"\n >\n <template v-slot:flyout-main>\n <p>This is a static flyout.</p>\n </template>\n </flyout>\n\n </card>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('with tabs', () => ({\n components: {\n Flyout,\n SButton,\n FlyoutTabs,\n FlyoutTabsContent,\n FlyoutTabsNav,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <flyout-tabs>\n <template v-slot:flyout-tabs-nav>\n <flyout-tabs-nav references=\"everything\" active>Everything</flyout-tabs-nav>\n <flyout-tabs-nav references=\"something\">Something</flyout-tabs-nav>\n </template>\n <template v-slot:flyout-tabs-main>\n <flyout-tabs-content reference=\"everything\">\n <p><strong>That's awesome, we know it's a long series of questions.</strong></p>\n \n <p>Now that this is complete we can progress to the next stage.</p>\n </flyout-tabs-content>\n <flyout-tabs-content reference=\"something\">\n <p><strong>This is something.</strong></p>\n \n <p>Another tab.</p>\n </flyout-tabs-content>\n </template>\n </flyout-tabs>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: true,\n };\n },\n created() {\n this.$store.registerModule('site', SiteStore);\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}` with `export·var·__ADDS_MAP__·=·{⏎··'flyout--with-tabs':·{⏎····startLoc:·{·col:·7,·line:·114·},⏎····endLoc:·{·col:·4,·line:·170·},⏎··},⏎··'flyout--static':·{⏎····startLoc:·{·col:·7,·line:·74·},⏎····endLoc:·{·col:·4,·line:·112·},⏎··},⏎··'flyout--with-button':·{⏎····startLoc:·{·col:·7,·line:·39·},⏎····endLoc:·{·col:·4,·line:·72·},⏎··},⏎··'flyout--as-a-component-with-heading':·{⏎····startLoc:·{·col:·7,·line:·19·},⏎····endLoc:·{·col:·4,·line:·37·},⏎··},⏎` (prettier/prettier) at src/components/flyout/flyout.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Card from '@tiles/components/card/Card';\nimport Flyout from './Flyout';\nimport FlyoutTabs from './FlyoutTabs';\nimport FlyoutTabsContent from './FlyoutTabsContent';\nimport FlyoutTabsNav from './FlyoutTabsNav';\nimport SButton from '../button/Button';\n\nimport SiteStore from '@/components/site/store/modules/site';\n\nVue.use(VueRouter);\n\nstoriesOf('Flyout', module)\n .addDecorator(withKnobs)\n\n .add('as a component with heading', () => ({\n components: { Flyout },\n\n template: `\n <flyout\n :heading=\"heading\"\n open\n >\n <template v-slot:flyout-main>\n <p>I'm a flyout</p>\n </template>\n </flyout>\n `,\n props: {\n heading: {\n default: text('Heading', 'Flyout heading'),\n },\n },\n }))\n\n .add('with button', () => ({\n components: {\n Flyout,\n SButton,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <s-button>Click me</s-button>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('static', () => ({\n components: {\n Card,\n Flyout,\n SButton,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><s-button @click=\"openFlyout\">Open flyout</s-button></p>\n\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n static-from=\"medium\"\n >\n <template v-slot:flyout-main>\n <p>This is a static flyout.</p>\n </template>\n </flyout>\n\n </card>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('with tabs', () => ({\n components: {\n Flyout,\n SButton,\n FlyoutTabs,\n FlyoutTabsContent,\n FlyoutTabsNav,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <flyout-tabs>\n <template v-slot:flyout-tabs-nav>\n <flyout-tabs-nav references=\"everything\" active>Everything</flyout-tabs-nav>\n <flyout-tabs-nav references=\"something\">Something</flyout-tabs-nav>\n </template>\n <template v-slot:flyout-tabs-main>\n <flyout-tabs-content reference=\"everything\">\n <p><strong>That's awesome, we know it's a long series of questions.</strong></p>\n \n <p>Now that this is complete we can progress to the next stage.</p>\n </flyout-tabs-content>\n <flyout-tabs-content reference=\"something\">\n <p><strong>This is something.</strong></p>\n \n <p>Another tab.</p>\n </flyout-tabs-content>\n </template>\n </flyout-tabs>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: true,\n };\n },\n created() {\n this.$store.registerModule('site', SiteStore);\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; error: Delete `··` (prettier/prettier) at src/components/flyout/flyout.stories.js:5:1: 3 | export var __STORY__ = "import Vue from 'vue';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Card from '@tiles/components/card/Card';\nimport Flyout from './Flyout';\nimport FlyoutTabs from './FlyoutTabs';\nimport FlyoutTabsContent from './FlyoutTabsContent';\nimport FlyoutTabsNav from './FlyoutTabsNav';\nimport SButton from '../button/Button';\n\nimport SiteStore from '@/components/site/store/modules/site';\n\nVue.use(VueRouter);\n\nstoriesOf('Flyout', module)\n .addDecorator(withKnobs)\n\n .add('as a component with heading', () => ({\n components: { Flyout },\n\n template: `\n <flyout\n :heading=\"heading\"\n open\n >\n <template v-slot:flyout-main>\n <p>I'm a flyout</p>\n </template>\n </flyout>\n `,\n props: {\n heading: {\n default: text('Heading', 'Flyout heading'),\n },\n },\n }))\n\n .add('with button', () => ({\n components: {\n Flyout,\n SButton,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <s-button>Click me</s-button>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('static', () => ({\n components: {\n Card,\n Flyout,\n SButton,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <p><s-button @click=\"openFlyout\">Open flyout</s-button></p>\n\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n static-from=\"medium\"\n >\n <template v-slot:flyout-main>\n <p>This is a static flyout.</p>\n </template>\n </flyout>\n\n </card>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: false,\n };\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }))\n\n .add('with tabs', () => ({\n components: {\n Flyout,\n SButton,\n FlyoutTabs,\n FlyoutTabsContent,\n FlyoutTabsNav,\n },\n template: `\n <div>\n <flyout\n heading=\"This is a flyout\"\n :open=\"isOpenFlyout\"\n @close=\"closeFlyout\"\n >\n <template v-slot:flyout-main>\n <flyout-tabs>\n <template v-slot:flyout-tabs-nav>\n <flyout-tabs-nav references=\"everything\" active>Everything</flyout-tabs-nav>\n <flyout-tabs-nav references=\"something\">Something</flyout-tabs-nav>\n </template>\n <template v-slot:flyout-tabs-main>\n <flyout-tabs-content reference=\"everything\">\n <p><strong>That's awesome, we know it's a long series of questions.</strong></p>\n \n <p>Now that this is complete we can progress to the next stage.</p>\n </flyout-tabs-content>\n <flyout-tabs-content reference=\"something\">\n <p><strong>This is something.</strong></p>\n \n <p>Another tab.</p>\n </flyout-tabs-content>\n </template>\n </flyout-tabs>\n </template>\n </flyout>\n\n <s-button @click=\"openFlyout\">Open flyout</s-button>\n </div>\n `,\n data() {\n return {\n isOpenFlyout: true,\n };\n },\n created() {\n this.$store.registerModule('site', SiteStore);\n },\n methods: {\n openFlyout() {\n this.isOpenFlyout = true;\n },\n closeFlyout() {\n this.isOpenFlyout = false;\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; 8 | import VueRouter from 'vue-router'; error: Delete `··` (prettier/prettier) at src/components/flyout/flyout.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"flyout--with-tabs":{"startLoc":{"col":7,"line":114},"endLoc":{"col":4,"line":170}},"flyout--static":{"startLoc":{"col":7,"line":74},"endLoc":{"col":4,"line":112}},"flyout--with-button":{"startLoc":{"col":7,"line":39},"endLoc":{"col":4,"line":72}},"flyout--as-a-component-with-heading":{"startLoc":{"col":7,"line":19},"endLoc":{"col":4,"line":37}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import Vue from 'vue'; 8 | import VueRouter from 'vue-router'; 9 | import { storiesOf } from '@storybook/vue'; error: Insert `⏎··` (prettier/prettier) at src/components/flyout/flyout.stories.js:22:28: 20 | Vue.use(VueRouter); 21 | > 22 | storiesOf('Flyout', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 23 | .addDecorator(withKnobs) 24 | 25 | .add('as a component with heading', () => ({ error: Delete `⏎` (prettier/prettier) at src/components/flyout/flyout.stories.js:78:6: 76 | }, 77 | }, > 78 | })) | ^ 79 | 80 | 81 | .add('static', () => ({ error: Delete `⏎··` (prettier/prettier) at src/components/flyout/flyout.stories.js:178:1: 176 | }, 177 | })); > 178 | | ^ 179 | 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/footer/footer.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/footer/footer.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheFooter from './TheFooter';\n\nstoriesOf('Footer', module).add('default', () => ({\n components: { TheFooter },\n template: '<the-footer />',\n}));\n"; 4 | export var __ADDS_MAP__ = {"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/footer/footer.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheFooter from './TheFooter';\n\nstoriesOf('Footer', module).add('default', () => ({\n components: { TheFooter },\n template: '<the-footer />',\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}` with `export·var·__ADDS_MAP__·=·{⏎··'footer--default':·{⏎····startLoc:·{·col:·32,·line:·4·},⏎····endLoc:·{·col:·2,·line:·7·},⏎··},⏎` (prettier/prettier) at src/components/footer/footer.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheFooter from './TheFooter';\n\nstoriesOf('Footer', module).add('default', () => ({\n components: { TheFooter },\n template: '<the-footer />',\n}));\n"; > 4 | export var __ADDS_MAP__ = {"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/footer/footer.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheFooter from './TheFooter';\n\nstoriesOf('Footer', module).add('default', () => ({\n components: { TheFooter },\n template: '<the-footer />',\n}));\n"; 4 | export var __ADDS_MAP__ = {"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheFooter from './TheFooter'; error: Delete `··` (prettier/prettier) at src/components/footer/footer.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"footer--default":{"startLoc":{"col":32,"line":4},"endLoc":{"col":2,"line":7}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheFooter from './TheFooter'; 9 | error: Replace `.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))` with `⏎··.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))⏎··` (prettier/prettier) at src/components/footer/footer.stories.js:10:28: 8 | import TheFooter from './TheFooter'; 9 | > 10 | storiesOf('Footer', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('default', () => ({ | ^ 11 | components: { TheFooter }, 12 | template: '<the-footer />', 13 | })); error: Insert `··` (prettier/prettier) at src/components/footer/footer.stories.js:11:1: 9 | 10 | storiesOf('Footer', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('default', () => ({ > 11 | components: { TheFooter }, | ^ 12 | template: '<the-footer />', 13 | })); 14 | error: Insert `··` (prettier/prettier) at src/components/footer/footer.stories.js:12:3: 10 | storiesOf('Footer', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('default', () => ({ 11 | components: { TheFooter }, > 12 | template: '<the-footer />', | ^ 13 | })); 14 | 15 | error: Insert `··` (prettier/prettier) at src/components/footer/footer.stories.js:13:1: 11 | components: { TheFooter }, 12 | template: '<the-footer />', > 13 | })); | ^ 14 | 15 | error: Delete `⏎··` (prettier/prettier) at src/components/footer/footer.stories.js:14:1: 12 | template: '<the-footer />', 13 | })); > 14 | | ^ 15 | 10 errors found. 10 errors potentially fixable with the `--fix` option. ./src/components/graphics/graphics.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/graphics/graphics.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport GraphicPreamble from './Preamble';\n\nimport PropertyPlanningApplicationsGraphic from './PropertyPlanningApplications';\nimport PropertyFloorAreaGraphic from './PropertyFloorArea';\nimport PropertyBedroomsGraphic from './PropertyBedrooms';\nimport PropertyTypeGraphic from './PropertyType';\nimport PropertySalePriceGraphic from './PropertySalePrice';\nimport PropertyTenureTypeGraphic from './PropertyTenureType';\n\nstoriesOf('Graphics', module)\n .addDecorator(withKnobs)\n .add('all', () => ({\n components: {\n Card,\n GraphicPreamble,\n PropertyFloorAreaGraphic,\n PropertyPlanningApplicationsGraphic,\n PropertyBedroomsGraphic,\n PropertyTypeGraphic,\n PropertySalePriceGraphic,\n PropertyTenureTypeGraphic,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <ul style=\"list-style: none; display: flex;\">\n <li style=\"width: 100px;\">\n <graphic-preamble />\n </li>\n <li style=\"width: 100px;\">\n <property-floor-area-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-planning-applications-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-bedrooms-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-type-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-sale-price-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-tenure-type-graphic />\n </li>\n </ul>\n </card>\n </div>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/graphics/graphics.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport GraphicPreamble from './Preamble';\n\nimport PropertyPlanningApplicationsGraphic from './PropertyPlanningApplications';\nimport PropertyFloorAreaGraphic from './PropertyFloorArea';\nimport PropertyBedroomsGraphic from './PropertyBedrooms';\nimport PropertyTypeGraphic from './PropertyType';\nimport PropertySalePriceGraphic from './PropertySalePrice';\nimport PropertyTenureTypeGraphic from './PropertyTenureType';\n\nstoriesOf('Graphics', module)\n .addDecorator(withKnobs)\n .add('all', () => ({\n components: {\n Card,\n GraphicPreamble,\n PropertyFloorAreaGraphic,\n PropertyPlanningApplicationsGraphic,\n PropertyBedroomsGraphic,\n PropertyTypeGraphic,\n PropertySalePriceGraphic,\n PropertyTenureTypeGraphic,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <ul style=\"list-style: none; display: flex;\">\n <li style=\"width: 100px;\">\n <graphic-preamble />\n </li>\n <li style=\"width: 100px;\">\n <property-floor-area-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-planning-applications-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-bedrooms-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-type-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-sale-price-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-tenure-type-graphic />\n </li>\n </ul>\n </card>\n </div>\n `,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}` with `export·var·__ADDS_MAP__·=·{⏎··'graphics--all':·{⏎····startLoc:·{·col:·7,·line:·15·},⏎····endLoc:·{·col:·4,·line:·55·},⏎··},⏎` (prettier/prettier) at src/components/graphics/graphics.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport GraphicPreamble from './Preamble';\n\nimport PropertyPlanningApplicationsGraphic from './PropertyPlanningApplications';\nimport PropertyFloorAreaGraphic from './PropertyFloorArea';\nimport PropertyBedroomsGraphic from './PropertyBedrooms';\nimport PropertyTypeGraphic from './PropertyType';\nimport PropertySalePriceGraphic from './PropertySalePrice';\nimport PropertyTenureTypeGraphic from './PropertyTenureType';\n\nstoriesOf('Graphics', module)\n .addDecorator(withKnobs)\n .add('all', () => ({\n components: {\n Card,\n GraphicPreamble,\n PropertyFloorAreaGraphic,\n PropertyPlanningApplicationsGraphic,\n PropertyBedroomsGraphic,\n PropertyTypeGraphic,\n PropertySalePriceGraphic,\n PropertyTenureTypeGraphic,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <ul style=\"list-style: none; display: flex;\">\n <li style=\"width: 100px;\">\n <graphic-preamble />\n </li>\n <li style=\"width: 100px;\">\n <property-floor-area-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-planning-applications-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-bedrooms-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-type-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-sale-price-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-tenure-type-graphic />\n </li>\n </ul>\n </card>\n </div>\n `,\n }));\n"; > 4 | export var __ADDS_MAP__ = {"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/graphics/graphics.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport GraphicPreamble from './Preamble';\n\nimport PropertyPlanningApplicationsGraphic from './PropertyPlanningApplications';\nimport PropertyFloorAreaGraphic from './PropertyFloorArea';\nimport PropertyBedroomsGraphic from './PropertyBedrooms';\nimport PropertyTypeGraphic from './PropertyType';\nimport PropertySalePriceGraphic from './PropertySalePrice';\nimport PropertyTenureTypeGraphic from './PropertyTenureType';\n\nstoriesOf('Graphics', module)\n .addDecorator(withKnobs)\n .add('all', () => ({\n components: {\n Card,\n GraphicPreamble,\n PropertyFloorAreaGraphic,\n PropertyPlanningApplicationsGraphic,\n PropertyBedroomsGraphic,\n PropertyTypeGraphic,\n PropertySalePriceGraphic,\n PropertyTenureTypeGraphic,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <ul style=\"list-style: none; display: flex;\">\n <li style=\"width: 100px;\">\n <graphic-preamble />\n </li>\n <li style=\"width: 100px;\">\n <property-floor-area-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-planning-applications-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-bedrooms-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-type-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-sale-price-graphic />\n </li>\n <li style=\"width: 100px;\">\n <property-tenure-type-graphic />\n </li>\n </ul>\n </card>\n </div>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/graphics/graphics.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"graphics--all":{"startLoc":{"col":7,"line":15},"endLoc":{"col":4,"line":55}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs } from '@storybook/addon-knobs'; 9 | import Card from '../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/graphics/graphics.stories.js:19:30: 17 | import PropertyTenureTypeGraphic from './PropertyTenureType'; 18 | > 19 | storiesOf('Graphics', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 20 | .addDecorator(withKnobs) 21 | .add('all', () => ({ 22 | components: { error: Delete `⏎··` (prettier/prettier) at src/components/graphics/graphics.stories.js:62:1: 60 | `, 61 | })); > 62 | | ^ 63 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/header/header.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/header/header.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheHeader from './TheHeader';\nimport TheNavigation from './../navigation/TheNavigation.vue';\n\nstoriesOf('Header', module)\n .add('as a component', () => ({\n components: {\n TheHeader,\n },\n template: '<the-header />',\n }))\n .add('with a navigation', () => ({\n components: {\n TheHeader,\n TheNavigation,\n },\n template: /* HTML */ `\n <the-header>\n <template slot=\"navigation\">\n <the-navigation />\n </template>\n </the-header>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/header/header.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheHeader from './TheHeader';\nimport TheNavigation from './../navigation/TheNavigation.vue';\n\nstoriesOf('Header', module)\n .add('as a component', () => ({\n components: {\n TheHeader,\n },\n template: '<the-header />',\n }))\n .add('with a navigation', () => ({\n components: {\n TheHeader,\n TheNavigation,\n },\n template: /* HTML */ `\n <the-header>\n <template slot=\"navigation\">\n <the-navigation />\n </template>\n </the-header>\n `,\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}` with `export·var·__ADDS_MAP__·=·{⏎··'header--with-a-navigation':·{⏎····startLoc:·{·col:·7,·line:·12·},⏎····endLoc:·{·col:·4,·line:·24·},⏎··},⏎··'header--as-a-component':·{⏎····startLoc:·{·col:·7,·line:·6·},⏎····endLoc:·{·col:·4,·line:·11·},⏎··},⏎` (prettier/prettier) at src/components/header/header.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheHeader from './TheHeader';\nimport TheNavigation from './../navigation/TheNavigation.vue';\n\nstoriesOf('Header', module)\n .add('as a component', () => ({\n components: {\n TheHeader,\n },\n template: '<the-header />',\n }))\n .add('with a navigation', () => ({\n components: {\n TheHeader,\n TheNavigation,\n },\n template: /* HTML */ `\n <the-header>\n <template slot=\"navigation\">\n <the-navigation />\n </template>\n </the-header>\n `,\n }));\n"; > 4 | export var __ADDS_MAP__ = {"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/header/header.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheHeader from './TheHeader';\nimport TheNavigation from './../navigation/TheNavigation.vue';\n\nstoriesOf('Header', module)\n .add('as a component', () => ({\n components: {\n TheHeader,\n },\n template: '<the-header />',\n }))\n .add('with a navigation', () => ({\n components: {\n TheHeader,\n TheNavigation,\n },\n template: /* HTML */ `\n <the-header>\n <template slot=\"navigation\">\n <the-navigation />\n </template>\n </the-header>\n `,\n }));\n"; 4 | export var __ADDS_MAP__ = {"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheHeader from './TheHeader'; error: Delete `··` (prettier/prettier) at src/components/header/header.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"header--with-a-navigation":{"startLoc":{"col":7,"line":12},"endLoc":{"col":4,"line":24}},"header--as-a-component":{"startLoc":{"col":7,"line":6},"endLoc":{"col":4,"line":11}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheHeader from './TheHeader'; 9 | import TheNavigation from './../navigation/TheNavigation.vue'; error: Insert `⏎··` (prettier/prettier) at src/components/header/header.stories.js:11:28: 9 | import TheNavigation from './../navigation/TheNavigation.vue'; 10 | > 11 | storiesOf('Header', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 12 | .add('as a component', () => ({ 13 | components: { 14 | TheHeader, error: Delete `⏎··` (prettier/prettier) at src/components/header/header.stories.js:31:1: 29 | `, 30 | })); > 31 | | ^ 32 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/icon/icon.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/icon/icon.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport EmailIcon from './EmailIcon';\nimport LoaderIcon from './LoaderIcon';\nimport CloseIcon from './CloseIcon';\nimport MenuIcon from './MenuIcon';\nimport NotificationIcon from './NotificationIcon';\nimport ForwardIcon from './ForwardIcon';\nimport BackIcon from './BackIcon';\nimport DrawerIcon from './DrawerIcon';\nimport ChevronDown from './ChevronDown';\nimport HelpIcon from './HelpIcon';\nimport readme from './readme.md';\n\nstoriesOf('Icons', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('all', () => ({\n components: {\n Card,\n EmailIcon,\n LoaderIcon,\n CloseIcon,\n MenuIcon,\n NotificationIcon,\n ForwardIcon,\n BackIcon,\n DrawerIcon,\n ChevronDown,\n HelpIcon,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <dl>\n <dt>Email</dt>\n <dd><email-icon :roundal=\"roundal\" /></dd>\n\n <dt>Loader</dt>\n <dd><loader-icon :roundal=\"roundal\" /></dd>\n\n <dt>Close - danger</dt>\n <dd><close-icon class=\"icon--danger\"/></dd>\n\n <dt>Close - success</dt>\n <dd><close-icon class=\"icon--success\"/></dd>\n\n <dt>Close - warning</dt>\n <dd><close-icon class=\"icon--warning\"/></dd>\n\n <dt>Close - info</dt>\n <dd><close-icon class=\"icon--info\"/></dd>\n\n <dt>Menu</dt>\n <dd><menu-icon/></dd>\n\n <dt>Notification</dt>\n <dd><notification-icon/></dd>\n\n <dt>Forward</dt>\n <dd><forward-icon/></dd>\n\n <dt>Back</dt>\n <dd><back-icon/></dd>\n\n <dt>Drawer</dt>\n <dd><drawer-icon/></dd>\n\n <dt>Chevron</dt>\n <dd><chevron-icon/></dd>\n\n <dt>Done</dt>\n <dd><done-icon/></dd>\n\n <dt>Help</dt>\n <dd><help-icon/></dd>\n </dl>\n </card>\n </div>\n `,\n props: {\n roundal: {\n default: boolean('Show roundal', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/icon/icon.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport EmailIcon from './EmailIcon';\nimport LoaderIcon from './LoaderIcon';\nimport CloseIcon from './CloseIcon';\nimport MenuIcon from './MenuIcon';\nimport NotificationIcon from './NotificationIcon';\nimport ForwardIcon from './ForwardIcon';\nimport BackIcon from './BackIcon';\nimport DrawerIcon from './DrawerIcon';\nimport ChevronDown from './ChevronDown';\nimport HelpIcon from './HelpIcon';\nimport readme from './readme.md';\n\nstoriesOf('Icons', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('all', () => ({\n components: {\n Card,\n EmailIcon,\n LoaderIcon,\n CloseIcon,\n MenuIcon,\n NotificationIcon,\n ForwardIcon,\n BackIcon,\n DrawerIcon,\n ChevronDown,\n HelpIcon,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <dl>\n <dt>Email</dt>\n <dd><email-icon :roundal=\"roundal\" /></dd>\n\n <dt>Loader</dt>\n <dd><loader-icon :roundal=\"roundal\" /></dd>\n\n <dt>Close - danger</dt>\n <dd><close-icon class=\"icon--danger\"/></dd>\n\n <dt>Close - success</dt>\n <dd><close-icon class=\"icon--success\"/></dd>\n\n <dt>Close - warning</dt>\n <dd><close-icon class=\"icon--warning\"/></dd>\n\n <dt>Close - info</dt>\n <dd><close-icon class=\"icon--info\"/></dd>\n\n <dt>Menu</dt>\n <dd><menu-icon/></dd>\n\n <dt>Notification</dt>\n <dd><notification-icon/></dd>\n\n <dt>Forward</dt>\n <dd><forward-icon/></dd>\n\n <dt>Back</dt>\n <dd><back-icon/></dd>\n\n <dt>Drawer</dt>\n <dd><drawer-icon/></dd>\n\n <dt>Chevron</dt>\n <dd><chevron-icon/></dd>\n\n <dt>Done</dt>\n <dd><done-icon/></dd>\n\n <dt>Help</dt>\n <dd><help-icon/></dd>\n </dl>\n </card>\n </div>\n `,\n props: {\n roundal: {\n default: boolean('Show roundal', false),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}` with `export·var·__ADDS_MAP__·=·{⏎··'icons--all':·{⏎····startLoc:·{·col:·7,·line:·25·},⏎····endLoc:·{·col:·4,·line:·93·},⏎··},⏎` (prettier/prettier) at src/components/icon/icon.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport EmailIcon from './EmailIcon';\nimport LoaderIcon from './LoaderIcon';\nimport CloseIcon from './CloseIcon';\nimport MenuIcon from './MenuIcon';\nimport NotificationIcon from './NotificationIcon';\nimport ForwardIcon from './ForwardIcon';\nimport BackIcon from './BackIcon';\nimport DrawerIcon from './DrawerIcon';\nimport ChevronDown from './ChevronDown';\nimport HelpIcon from './HelpIcon';\nimport readme from './readme.md';\n\nstoriesOf('Icons', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('all', () => ({\n components: {\n Card,\n EmailIcon,\n LoaderIcon,\n CloseIcon,\n MenuIcon,\n NotificationIcon,\n ForwardIcon,\n BackIcon,\n DrawerIcon,\n ChevronDown,\n HelpIcon,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <dl>\n <dt>Email</dt>\n <dd><email-icon :roundal=\"roundal\" /></dd>\n\n <dt>Loader</dt>\n <dd><loader-icon :roundal=\"roundal\" /></dd>\n\n <dt>Close - danger</dt>\n <dd><close-icon class=\"icon--danger\"/></dd>\n\n <dt>Close - success</dt>\n <dd><close-icon class=\"icon--success\"/></dd>\n\n <dt>Close - warning</dt>\n <dd><close-icon class=\"icon--warning\"/></dd>\n\n <dt>Close - info</dt>\n <dd><close-icon class=\"icon--info\"/></dd>\n\n <dt>Menu</dt>\n <dd><menu-icon/></dd>\n\n <dt>Notification</dt>\n <dd><notification-icon/></dd>\n\n <dt>Forward</dt>\n <dd><forward-icon/></dd>\n\n <dt>Back</dt>\n <dd><back-icon/></dd>\n\n <dt>Drawer</dt>\n <dd><drawer-icon/></dd>\n\n <dt>Chevron</dt>\n <dd><chevron-icon/></dd>\n\n <dt>Done</dt>\n <dd><done-icon/></dd>\n\n <dt>Help</dt>\n <dd><help-icon/></dd>\n </dl>\n </card>\n </div>\n `,\n props: {\n roundal: {\n default: boolean('Show roundal', false),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/icon/icon.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\nimport Card from '../card/Card';\nimport EmailIcon from './EmailIcon';\nimport LoaderIcon from './LoaderIcon';\nimport CloseIcon from './CloseIcon';\nimport MenuIcon from './MenuIcon';\nimport NotificationIcon from './NotificationIcon';\nimport ForwardIcon from './ForwardIcon';\nimport BackIcon from './BackIcon';\nimport DrawerIcon from './DrawerIcon';\nimport ChevronDown from './ChevronDown';\nimport HelpIcon from './HelpIcon';\nimport readme from './readme.md';\n\nstoriesOf('Icons', module)\n .addDecorator(withKnobs)\n\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n\n .add('all', () => ({\n components: {\n Card,\n EmailIcon,\n LoaderIcon,\n CloseIcon,\n MenuIcon,\n NotificationIcon,\n ForwardIcon,\n BackIcon,\n DrawerIcon,\n ChevronDown,\n HelpIcon,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <dl>\n <dt>Email</dt>\n <dd><email-icon :roundal=\"roundal\" /></dd>\n\n <dt>Loader</dt>\n <dd><loader-icon :roundal=\"roundal\" /></dd>\n\n <dt>Close - danger</dt>\n <dd><close-icon class=\"icon--danger\"/></dd>\n\n <dt>Close - success</dt>\n <dd><close-icon class=\"icon--success\"/></dd>\n\n <dt>Close - warning</dt>\n <dd><close-icon class=\"icon--warning\"/></dd>\n\n <dt>Close - info</dt>\n <dd><close-icon class=\"icon--info\"/></dd>\n\n <dt>Menu</dt>\n <dd><menu-icon/></dd>\n\n <dt>Notification</dt>\n <dd><notification-icon/></dd>\n\n <dt>Forward</dt>\n <dd><forward-icon/></dd>\n\n <dt>Back</dt>\n <dd><back-icon/></dd>\n\n <dt>Drawer</dt>\n <dd><drawer-icon/></dd>\n\n <dt>Chevron</dt>\n <dd><chevron-icon/></dd>\n\n <dt>Done</dt>\n <dd><done-icon/></dd>\n\n <dt>Help</dt>\n <dd><help-icon/></dd>\n </dl>\n </card>\n </div>\n `,\n props: {\n roundal: {\n default: boolean('Show roundal', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, boolean } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/icon/icon.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"icons--all":{"startLoc":{"col":7,"line":25},"endLoc":{"col":4,"line":93}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, boolean } from '@storybook/addon-knobs'; 9 | import Card from '../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/icon/icon.stories.js:22:27: 20 | import readme from './readme.md'; 21 | > 22 | storiesOf('Icons', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 23 | .addDecorator(withKnobs) 24 | 25 | .addParameters({ error: Delete `⏎··` (prettier/prettier) at src/components/icon/icon.stories.js:100:1: 98 | }, 99 | })); > 100 | | ^ 101 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/loader/loader.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/loader/loader.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Loader from './Loader';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport readme from './readme.md';\n\nconst exampleSequence = [\n {\n label: `We&rsquo;re finding your property&hellip;`,\n duration: 3000,\n },\n {\n label: `We&rsquo;re nearly there&hellip;`,\n duration: 4000,\n },\n {\n label: `Just a little bit longer!`,\n },\n];\n\nstoriesOf('Loader', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :label=\"label\" />\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }))\n .add('with a sequence', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :sequence=\"sequence\" :label=\"doneLabel\" />\n </card>\n </div>\n `,\n data() {\n return {\n sequence: exampleSequence,\n };\n },\n props: {\n label: {\n default: text('Sequence array', JSON.stringify(exampleSequence)),\n },\n doneLabel: {\n default: text('Done label', 'Done!'),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/loader/loader.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Loader from './Loader';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport readme from './readme.md';\n\nconst exampleSequence = [\n {\n label: `We&rsquo;re finding your property&hellip;`,\n duration: 3000,\n },\n {\n label: `We&rsquo;re nearly there&hellip;`,\n duration: 4000,\n },\n {\n label: `Just a little bit longer!`,\n },\n];\n\nstoriesOf('Loader', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :label=\"label\" />\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }))\n .add('with a sequence', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :sequence=\"sequence\" :label=\"doneLabel\" />\n </card>\n </div>\n `,\n data() {\n return {\n sequence: exampleSequence,\n };\n },\n props: {\n label: {\n default: text('Sequence array', JSON.stringify(exampleSequence)),\n },\n doneLabel: {\n default: text('Done label', 'Done!'),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}` with `export·var·__ADDS_MAP__·=·{⏎··'loader--with-a-sequence':·{⏎····startLoc:·{·col:·7,·line:·46·},⏎····endLoc:·{·col:·4,·line:·71·},⏎··},⏎··'loader--component':·{⏎····startLoc:·{·col:·7,·line:·28·},⏎····endLoc:·{·col:·4,·line:·45·},⏎··},⏎` (prettier/prettier) at src/components/loader/loader.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Loader from './Loader';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport readme from './readme.md';\n\nconst exampleSequence = [\n {\n label: `We&rsquo;re finding your property&hellip;`,\n duration: 3000,\n },\n {\n label: `We&rsquo;re nearly there&hellip;`,\n duration: 4000,\n },\n {\n label: `Just a little bit longer!`,\n },\n];\n\nstoriesOf('Loader', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :label=\"label\" />\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }))\n .add('with a sequence', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :sequence=\"sequence\" :label=\"doneLabel\" />\n </card>\n </div>\n `,\n data() {\n return {\n sequence: exampleSequence,\n };\n },\n props: {\n label: {\n default: text('Sequence array', JSON.stringify(exampleSequence)),\n },\n doneLabel: {\n default: text('Done label', 'Done!'),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/loader/loader.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Loader from './Loader';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport readme from './readme.md';\n\nconst exampleSequence = [\n {\n label: `We&rsquo;re finding your property&hellip;`,\n duration: 3000,\n },\n {\n label: `We&rsquo;re nearly there&hellip;`,\n duration: 4000,\n },\n {\n label: `Just a little bit longer!`,\n },\n];\n\nstoriesOf('Loader', module)\n .addDecorator(withKnobs)\n .addParameters({\n readme: {\n sidebar: readme,\n },\n })\n .add('component', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :label=\"label\" />\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }))\n .add('with a sequence', () => ({\n components: { Loader, Card },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <loader :done=\"done\" :sequence=\"sequence\" :label=\"doneLabel\" />\n </card>\n </div>\n `,\n data() {\n return {\n sequence: exampleSequence,\n };\n },\n props: {\n label: {\n default: text('Sequence array', JSON.stringify(exampleSequence)),\n },\n doneLabel: {\n default: text('Done label', 'Done!'),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Loader from './Loader'; error: Delete `··` (prettier/prettier) at src/components/loader/loader.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"loader--with-a-sequence":{"startLoc":{"col":7,"line":46},"endLoc":{"col":4,"line":71}},"loader--component":{"startLoc":{"col":7,"line":28},"endLoc":{"col":4,"line":45}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Loader from './Loader'; 9 | import Card from './../card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/loader/loader.stories.js:27:28: 25 | ]; 26 | > 27 | storiesOf('Loader', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 28 | .addDecorator(withKnobs) 29 | .addParameters({ 30 | readme: { error: Delete `⏎··` (prettier/prettier) at src/components/loader/loader.stories.js:78:1: 76 | }, 77 | })); > 78 | | ^ 79 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/map/the-map.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/map/the-map.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport TheMap from './TheMap';\n\nstoriesOf('Map', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n TheMap,\n },\n\n template: `\n <the-map :location=\"location\" :postcode=\"postcode\" />\n `,\n\n data() {\n return {\n location: {\n lng: 2.2770205,\n lat: 48.8589507,\n },\n };\n },\n\n props: {\n postcode: {\n default: text('Postcode', 'SE1 9RS'),\n },\n },\n }))\n\n .add('with style', () => ({\n components: { TheMap },\n template: `\n <the-map :mapStyle=\"style\" />\n `,\n data() {\n return {\n style: [\n {\n featureType: 'landscape.man_made',\n stylers: [{ visibility: 'off' }],\n },\n { featureType: 'poi.attraction', stylers: [{ visibility: 'off' }] },\n {\n featureType: 'poi.business',\n stylers: [{ visibility: 'simplified' }],\n },\n { featureType: 'road', stylers: [{ visibility: 'simplified' }] },\n { featureType: 'road.local', stylers: [{ visibility: 'off' }] },\n { featureType: 'transit.line', stylers: [{ visibility: 'off' }] },\n ],\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/map/the-map.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport TheMap from './TheMap';\n\nstoriesOf('Map', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n TheMap,\n },\n\n template: `\n <the-map :location=\"location\" :postcode=\"postcode\" />\n `,\n\n data() {\n return {\n location: {\n lng: 2.2770205,\n lat: 48.8589507,\n },\n };\n },\n\n props: {\n postcode: {\n default: text('Postcode', 'SE1 9RS'),\n },\n },\n }))\n\n .add('with style', () => ({\n components: { TheMap },\n template: `\n <the-map :mapStyle=\"style\" />\n `,\n data() {\n return {\n style: [\n {\n featureType: 'landscape.man_made',\n stylers: [{ visibility: 'off' }],\n },\n { featureType: 'poi.attraction', stylers: [{ visibility: 'off' }] },\n {\n featureType: 'poi.business',\n stylers: [{ visibility: 'simplified' }],\n },\n { featureType: 'road', stylers: [{ visibility: 'simplified' }] },\n { featureType: 'road.local', stylers: [{ visibility: 'off' }] },\n { featureType: 'transit.line', stylers: [{ visibility: 'off' }] },\n ],\n };\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}` with `export·var·__ADDS_MAP__·=·{⏎··'map--with-style':·{⏎····startLoc:·{·col:·7,·line:·33·},⏎····endLoc:·{·col:·4,·line:·56·},⏎··},⏎··'map--all':·{·startLoc:·{·col:·7,·line:·8·},·endLoc:·{·col:·4,·line:·31·}·},⏎` (prettier/prettier) at src/components/map/the-map.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport TheMap from './TheMap';\n\nstoriesOf('Map', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n TheMap,\n },\n\n template: `\n <the-map :location=\"location\" :postcode=\"postcode\" />\n `,\n\n data() {\n return {\n location: {\n lng: 2.2770205,\n lat: 48.8589507,\n },\n };\n },\n\n props: {\n postcode: {\n default: text('Postcode', 'SE1 9RS'),\n },\n },\n }))\n\n .add('with style', () => ({\n components: { TheMap },\n template: `\n <the-map :mapStyle=\"style\" />\n `,\n data() {\n return {\n style: [\n {\n featureType: 'landscape.man_made',\n stylers: [{ visibility: 'off' }],\n },\n { featureType: 'poi.attraction', stylers: [{ visibility: 'off' }] },\n {\n featureType: 'poi.business',\n stylers: [{ visibility: 'simplified' }],\n },\n { featureType: 'road', stylers: [{ visibility: 'simplified' }] },\n { featureType: 'road.local', stylers: [{ visibility: 'off' }] },\n { featureType: 'transit.line', stylers: [{ visibility: 'off' }] },\n ],\n };\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/map/the-map.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport TheMap from './TheMap';\n\nstoriesOf('Map', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n TheMap,\n },\n\n template: `\n <the-map :location=\"location\" :postcode=\"postcode\" />\n `,\n\n data() {\n return {\n location: {\n lng: 2.2770205,\n lat: 48.8589507,\n },\n };\n },\n\n props: {\n postcode: {\n default: text('Postcode', 'SE1 9RS'),\n },\n },\n }))\n\n .add('with style', () => ({\n components: { TheMap },\n template: `\n <the-map :mapStyle=\"style\" />\n `,\n data() {\n return {\n style: [\n {\n featureType: 'landscape.man_made',\n stylers: [{ visibility: 'off' }],\n },\n { featureType: 'poi.attraction', stylers: [{ visibility: 'off' }] },\n {\n featureType: 'poi.business',\n stylers: [{ visibility: 'simplified' }],\n },\n { featureType: 'road', stylers: [{ visibility: 'simplified' }] },\n { featureType: 'road.local', stylers: [{ visibility: 'off' }] },\n { featureType: 'transit.line', stylers: [{ visibility: 'off' }] },\n ],\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/map/the-map.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"map--with-style":{"startLoc":{"col":7,"line":33},"endLoc":{"col":4,"line":56}},"map--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":31}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text } from '@storybook/addon-knobs'; 9 | import TheMap from './TheMap'; error: Insert `⏎··` (prettier/prettier) at src/components/map/the-map.stories.js:11:25: 9 | import TheMap from './TheMap'; 10 | > 11 | storiesOf('Map', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 12 | .addDecorator(withKnobs) 13 | 14 | .add('all', () => ({ error: Delete `⏎··` (prettier/prettier) at src/components/map/the-map.stories.js:63:1: 61 | }, 62 | })); > 63 | | ^ 64 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/meta/meta.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/meta/meta.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport MetaCollection from '@tiles/components/meta/MetaCollection';\nimport MetaItem from '@tiles/components/meta/MetaItem';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Meta', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, MetaCollection, MetaItem },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <meta-collection>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n </meta-collection>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', 'Comments'),\n },\n value: {\n default: text('Value', '2'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/meta/meta.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport MetaCollection from '@tiles/components/meta/MetaCollection';\nimport MetaItem from '@tiles/components/meta/MetaItem';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Meta', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, MetaCollection, MetaItem },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <meta-collection>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n </meta-collection>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', 'Comments'),\n },\n value: {\n default: text('Value', '2'),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}` with `export·var·__ADDS_MAP__·=·{⏎··'meta--component':·{⏎····startLoc:·{·col:·7,·line:·10·},⏎····endLoc:·{·col:·4,·line:·30·},⏎··},⏎` (prettier/prettier) at src/components/meta/meta.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport MetaCollection from '@tiles/components/meta/MetaCollection';\nimport MetaItem from '@tiles/components/meta/MetaItem';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Meta', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, MetaCollection, MetaItem },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <meta-collection>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n </meta-collection>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', 'Comments'),\n },\n value: {\n default: text('Value', '2'),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/meta/meta.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '@tiles/components/card/Card';\nimport MetaCollection from '@tiles/components/meta/MetaCollection';\nimport MetaItem from '@tiles/components/meta/MetaItem';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nstoriesOf('Meta', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: { Card, MetaCollection, MetaItem },\n template: /* HTML */ `\n <div style=\"padding: 16px;\">\n <card>\n <meta-collection>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n <meta-item :label=\"label\" :value=\"value\"></meta-item>\n </meta-collection>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', 'Comments'),\n },\n value: {\n default: text('Value', '2'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '@tiles/components/card/Card'; error: Delete `··` (prettier/prettier) at src/components/meta/meta.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"meta--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":30}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '@tiles/components/card/Card'; 9 | import MetaCollection from '@tiles/components/meta/MetaCollection'; error: 'boolean' is defined but never used (no-unused-vars) at src/components/meta/meta.stories.js:11:27: 9 | import MetaCollection from '@tiles/components/meta/MetaCollection'; 10 | import MetaItem from '@tiles/components/meta/MetaItem'; > 11 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; | ^ 12 | import StoryRouter from 'storybook-vue-router'; 13 | 14 | storiesOf('Meta', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) error: 'StoryRouter' is defined but never used (no-unused-vars) at src/components/meta/meta.stories.js:12:8: 10 | import MetaItem from '@tiles/components/meta/MetaItem'; 11 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; > 12 | import StoryRouter from 'storybook-vue-router'; | ^ 13 | 14 | storiesOf('Meta', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) 15 | .addDecorator(withKnobs) error: Insert `⏎··` (prettier/prettier) at src/components/meta/meta.stories.js:14:26: 12 | import StoryRouter from 'storybook-vue-router'; 13 | > 14 | storiesOf('Meta', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .add('component', () => ({ 17 | components: { Card, MetaCollection, MetaItem }, error: Delete `⏎··` (prettier/prettier) at src/components/meta/meta.stories.js:37:1: 35 | }, 36 | })); > 37 | | ^ 38 | 9 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/modal/modal.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/modal/modal.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Modal from './Modal';\nimport SButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Modal', module);\n\nstory\n .addDecorator(withKnobs)\n .add('as a component', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }))\n .add('without a header', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('with LOTS of content', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n <template v-slot:dialog-main>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas pretium. Lorem mollis aliquam ut porttitor. Enim ut sem viverra aliquet eget sit amet. Sit amet nisl purus in. Eget duis at tellus at urna condimentum. Posuere sollicitudin aliquam ultrices sagittis orci. Luctus venenatis lectus magna fringilla urna porttitor rhoncus. Pellentesque habitant morbi tristique senectus et. Tortor at risus viverra adipiscing at in tellus. Odio aenean sed adipiscing diam donec adipiscing tristique. Amet nisl purus in mollis nunc sed id semper. Vulputate eu scelerisque felis imperdiet. Vulputate eu scelerisque felis imperdiet proin. Consectetur lorem donec massa sapien faucibus et molestie ac.\n\n Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Quam vulputate dignissim suspendisse in. Pretium nibh ipsum consequat nisl vel pretium lectus quam id. A scelerisque purus semper eget duis at tellus at. Senectus et netus et malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Ut enim blandit volutpat maecenas volutpat blandit. Morbi tristique senectus et netus et malesuada fames ac turpis. A diam maecenas sed enim ut sem. Etiam erat velit scelerisque in. Egestas sed tempus urna et pharetra pharetra massa.\n \n Habitant morbi tristique senectus et netus. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Bibendum enim facilisis gravida neque convallis. Ultrices in iaculis nunc sed augue lacus. Eget lorem dolor sed viverra ipsum. Placerat in egestas erat imperdiet sed euismod nisi porta. Convallis convallis tellus id interdum velit laoreet id. Velit egestas dui id ornare arcu odio ut sem. Consequat nisl vel pretium lectus quam id leo in. Amet massa vitae tortor condimentum. At consectetur lorem donec massa sapien faucibus et molestie. Sollicitudin tempor id eu nisl nunc mi ipsum. Consequat ac felis donec et odio pellentesque diam volutpat commodo.\n \n Gravida in fermentum et sollicitudin ac orci phasellus. Amet nisl purus in mollis nunc sed. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Nunc pulvinar sapien et ligula ullamcorper malesuada. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Duis ut diam quam nulla porttitor. Vitae justo eget magna fermentum iaculis eu. Aliquet bibendum enim facilisis gravida neque convallis. Integer quis auctor elit sed vulputate mi sit amet mauris. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl.\n \n Rhoncus urna neque viverra justo nec. Ultricies mi quis hendrerit dolor magna eget. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Tellus molestie nunc non blandit massa. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Sit amet venenatis urna cursus eget nunc scelerisque. Tincidunt praesent semper feugiat nibh sed. Eget nulla facilisi etiam dignissim diam quis enim lobortis. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Enim nec dui nunc mattis enim ut tellus elementum. Elementum sagittis vitae et leo. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Est lorem ipsum dolor sit amet. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin.\n \n Leo duis ut diam quam nulla. Iaculis at erat pellentesque adipiscing commodo elit at. Urna condimentum mattis pellentesque id nibh tortor id. Habitant morbi tristique senectus et. Nisl nunc mi ipsum faucibus vitae aliquet nec. Platea dictumst vestibulum rhoncus est. Bibendum arcu vitae elementum curabitur vitae nunc sed. Phasellus egestas tellus rutrum tellus. Vivamus at augue eget arcu dictum varius duis. Tellus mauris a diam maecenas. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Vitae turpis massa sed elementum tempus egestas sed. Cursus metus aliquam eleifend mi in nulla posuere. Tristique et egestas quis ipsum suspendisse ultrices. Egestas maecenas pharetra convallis posuere morbi. Faucibus interdum posuere lorem ipsum dolor sit. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio.\n \n Pulvinar neque laoreet suspendisse interdum consectetur libero id. Enim ut sem viverra aliquet eget sit amet tellus cras. Turpis cursus in hac habitasse platea dictumst. Condimentum vitae sapien pellentesque habitant morbi. Nulla malesuada pellentesque elit eget. Tempus imperdiet nulla malesuada pellentesque elit eget. Hendrerit dolor magna eget est lorem. Vestibulum lectus mauris ultrices eros in cursus turpis massa. Vel quam elementum pulvinar etiam non quam. Metus dictum at tempor commodo ullamcorper. Dignissim suspendisse in est ante in nibh mauris cursus mattis.\n \n Consequat id porta nibh venenatis cras sed felis eget velit. Pellentesque sit amet porttitor eget dolor. Vel pretium lectus quam id leo in vitae turpis massa. Non diam phasellus vestibulum lorem. Ante in nibh mauris cursus mattis molestie a iaculis. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Neque gravida in fermentum et sollicitudin ac orci. Amet nisl purus in mollis nunc sed id semper. Sed odio morbi quis commodo odio aenean sed adipiscing diam. Elit at imperdiet dui accumsan sit amet nulla facilisi. Ullamcorper a lacus vestibulum sed.\n \n Aliquam sem et tortor consequat. Blandit libero volutpat sed cras ornare arcu dui. Amet justo donec enim diam vulputate ut pharetra sit. Dignissim sodales ut eu sem integer vitae justo. Integer vitae justo eget magna. Vel pretium lectus quam id. Enim nec dui nunc mattis. Bibendum enim facilisis gravida neque. Nulla aliquet enim tortor at. Proin fermentum leo vel orci porta non pulvinar neque laoreet.\n \n Elementum sagittis vitae et leo duis ut diam quam. Eget aliquet nibh praesent tristique. Tempor commodo ullamcorper a lacus vestibulum sed. Ac felis donec et odio pellentesque diam. Enim neque volutpat ac tincidunt vitae semper quis lectus. Rhoncus est pellentesque elit ullamcorper dignissim. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Dui nunc mattis enim ut tellus. Tincidunt praesent semper feugiat nibh sed. In nulla posuere sollicitudin aliquam ultrices. Eu volutpat odio facilisis mauris. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Pellentesque id nibh tortor id aliquet lectus proin nibh. Id diam maecenas ultricies mi. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Adipiscing commodo elit at imperdiet dui.</p>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('as a forced modal', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n forced\n >\n <template v-slot:modal-main>\n <s-button @click=\"openModal = false\">You can close this modal</s-button>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=·"import·{·storiesOf·}·from·'@storybook/vue';\nimport·Modal·from·'./Modal';\nimport·SButton·from·'../button/Button';\nimport·{·withKnobs,·text·}·from·'@storybook/addon-knobs';\n\nconst·story·=·storiesOf('Modal',·module);\n\nstory\n··.addDecorator(withKnobs)\n··.add('as·a·component',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open=\"openModal\"·\n··········:heading=\"heading\"\n··········@close=\"openModal·=·false\"\n········>\n········</modal>\n\n········<s-button·@click=\"openModal·=·true\">Open·modal</s-button>\n······</div>\n····`,\n\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n\n····props:·{\n······heading:·{\n········default:·text('Heading',·'This·is·a·modal·heading'),\n······},\n····},\n··}))\n··.add('without·a·header',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open=\"openModal\"·\n··········:heading=\"heading\"\n··········@close=\"openModal·=·false\"\n········>\n········</modal>\n\n········<s-button·@click=\"openModal·=·true\">Open·modal</s-button>\n······</div>\n····`,\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n··}))\n··.add('with·LOTS·of·content',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open=\"openModal\"·\n··········:heading=\"heading\"\n··········@close=\"openModal·=·false\"\n········>\n········<template·v-slot:dialog-main>\n········<p>Lorem·ipsum·dolor·sit·amet,·consectetur·adipiscing·elit,·sed·do·eiusmod·tempor·incididunt·ut·labore·et·dolore·magna·aliqua.·Cras·adipiscing·enim·eu·turpis·egestas·pretium.·Lorem·mollis·aliquam·ut·porttitor.·Enim·ut·sem·viverra·aliquet·eget·sit·amet.·Sit·amet·nisl·purus·in.·Eget·duis·at·tellus·at·urna·condimentum.·Posuere·sollicitudin·aliquam·ultrices·sagittis·orci.·Luctus·venenatis·lectus·magna·fringilla·urna·porttitor·rhoncus.·Pellentesque·habitant·morbi·tristique·senectus·et.·Tortor·at·risus·viverra·adipiscing·at·in·tellus.·Odio·aenean·sed·adipiscing·diam·donec·adipiscing·tristique.·Amet·nisl·purus·in·mollis·nunc·sed·id·semper.·Vulputate·eu·scelerisque·felis·imperdiet.·Vulputate·eu·scelerisque·felis·imperdiet·proin.·Consectetur·lorem·donec·massa·sapien·faucibus·et·molestie·ac.\n\n········Imperdiet·dui·accumsan·sit·amet·nulla·facilisi·morbi·tempus.·Quam·vulputate·dignissim·suspendisse·in.·Pretium·nibh·ipsum·consequat·nisl·vel·pretium·lectus·quam·id.·A·scelerisque·purus·semper·eget·duis·at·tellus·at.·Senectus·et·netus·et·malesuada.·Sagittis·aliquam·malesuada·bibendum·arcu·vitae·elementum·curabitur.·Ut·enim·blandit·volutpat·maecenas·volutpat·blandit.·Morbi·tristique·senectus·et·netus·et·malesuada·fames·ac·turpis.·A·diam·maecenas·sed·enim·ut·sem.·Etiam·erat·velit·scelerisque·in.·Egestas·sed·tempus·urna·et·pharetra·pharetra·massa.\n········\n········Habitant·morbi·tristique·senectus·et·netus.·Fringilla·est·ullamcorper·eget·nulla·facilisi·etiam·dignissim·diam·quis.·Bibendum·enim·facilisis·gravida·neque·convallis.·Ultrices·in·iaculis·nunc·sed·augue·lacus.·Eget·lorem·dolor·sed·viverra·ipsum.·Placerat·in·egestas·erat·imperdiet·sed·euismod·nisi·porta.·Convallis·convallis·tellus·id·interdum·velit·laoreet·id.·Velit·egestas·dui·id·ornare·arcu·odio·ut·sem.·Consequat·nisl·vel·pretium·lectus·quam·id·leo·in.·Amet·massa·vitae·tortor·condimentum.·At·consectetur·lorem·donec·massa·sapien·faucibus·et·molestie.·Sollicitudin·tempor·id·eu·nisl·nunc·mi·ipsum.·Consequat·ac·felis·donec·et·odio·pellentesque·diam·volutpat·commodo.\n········\n········Gravida·in·fermentum·et·sollicitudin·ac·orci·phasellus.·Amet·nisl·purus·in·mollis·nunc·sed.·Bibendum·at·varius·vel·pharetra·vel·turpis·nunc·eget·lorem.·Nunc·pulvinar·sapien·et·ligula·ullamcorper·malesuada.·Vestibulum·rhoncus·est·pellentesque·elit·ullamcorper·dignissim·cras·tincidunt·lobortis.·Blandit·aliquam·etiam·erat·velit·scelerisque·in·dictum·non·consectetur.·Duis·ut·diam·quam·nulla·porttitor.·Vitae·justo·eget·magna·fermentum·iaculis·eu.·Aliquet·bibendum·enim·facilisis·gravida·neque·convallis.·Integer·quis·auctor·elit·sed·vulputate·mi·sit·amet·mauris.·Neque·laoreet·suspendisse·interdum·consectetur·libero·id·faucibus·nisl.\n········\n········Rhoncus·urna·neque·viverra·justo·nec.·Ultricies·mi·quis·hendrerit·dolor·magna·eget.·Nibh·ipsum·consequat·nisl·vel·pretium·lectus·quam·id·leo.·Ut·tortor·pretium·viverra·suspendisse·potenti·nullam·ac·tortor.·Tellus·molestie·nunc·non·blandit·massa.·Diam·vel·quam·elementum·pulvinar·etiam·non·quam·lacus·suspendisse.·Sit·amet·venenatis·urna·cursus·eget·nunc·scelerisque.·Tincidunt·praesent·semper·feugiat·nibh·sed.·Eget·nulla·facilisi·etiam·dignissim·diam·quis·enim·lobortis.·Praesent·elementum·facilisis·leo·vel·fringilla·est·ullamcorper·eget·nulla.·Enim·nec·dui·nunc·mattis·enim·ut·tellus·elementum.·Elementum·sagittis·vitae·et·leo.·Nunc·mi·ipsum·faucibus·vitae·aliquet·nec·ullamcorper.·Est·lorem·ipsum·dolor·sit·amet.·Venenatis·tellus·in·metus·vulputate·eu·scelerisque·felis·imperdiet·proin.\n········\n········Leo·duis·ut·diam·quam·nulla.·Iaculis·at·erat·pellentesque·adipiscing·commodo·elit·at.·Urna·condimentum·mattis·pellentesque·id·nibh·tortor·id.·Habitant·morbi·tristique·senectus·et.·Nisl·nunc·mi·ipsum·faucibus·vitae·aliquet·nec.·Platea·dictumst·vestibulum·rhoncus·est.·Bibendum·arcu·vitae·elementum·curabitur·vitae·nunc·sed.·Phasellus·egestas·tellus·rutrum·tellus.·Vivamus·at·augue·eget·arcu·dictum·varius·duis.·Tellus·mauris·a·diam·maecenas.·Arcu·vitae·elementum·curabitur·vitae·nunc·sed·velit·dignissim·sodales.·Vitae·turpis·massa·sed·elementum·tempus·egestas·sed.·Cursus·metus·aliquam·eleifend·mi·in·nulla·posuere.·Tristique·et·egestas·quis·ipsum·suspendisse·ultrices.·Egestas·maecenas·pharetra·convallis·posuere·morbi.·Faucibus·interdum·posuere·lorem·ipsum·dolor·sit.·Pellentesque·eu·tincidunt·tortor·aliquam·nulla·facilisi·cras·fermentum·odio.\n········\n········Pulvinar·neque·laoreet·suspendisse·interdum·consectetur·libero·id.·Enim·ut·sem·viverra·aliquet·eget·sit·amet·tellus·cras.·Turpis·cursus·in·hac·habitasse·platea·dictumst.·Condimentum·vitae·sapien·pellentesque·habitant·morbi.·Nulla·malesuada·pellentesque·elit·eget.·Tempus·imperdiet·nulla·malesuada·pellentesque·elit·eget.·Hendrerit·dolor·magna·eget·est·lorem.·Vestibulum·lectus·mauris·ultrices·eros·in·cursus·turpis·massa.·Vel·quam·elementum·pulvinar·etiam·non·quam.·Metus·dictum·at·tempor·commodo·ullamcorper.·Dignissim·suspendisse·in·est·ante·in·nibh·mauris·cursus·mattis.\n········\n········Consequat·id·porta·nibh·venenatis·cras·sed·felis·eget·velit.·Pellentesque·sit·amet·porttitor·eget·dolor.·Vel·pretium·lectus·quam·id·leo·in·vitae·turpis·massa.·Non·diam·phasellus·vestibulum·lorem.·Ante·in·nibh·mauris·cursus·mattis·molestie·a·iaculis.·Vitae·tempus·quam·pellentesque·nec·nam·aliquam·sem·et·tortor.·Neque·gravida·in·fermentum·et·sollicitudin·ac·orci.·Amet·nisl·purus·in·mollis·nunc·sed·id·semper.·Sed·odio·morbi·quis·commodo·odio·aenean·sed·adipiscing·diam.·Elit·at·imperdiet·dui·accumsan·sit·amet·nulla·facilisi.·Ullamcorper·a·lacus·vestibulum·sed.\n········\n········Aliquam·sem·et·tortor·consequat.·Blandit·libero·volutpat·sed·cras·ornare·arcu·dui.·Amet·justo·donec·enim·diam·vulputate·ut·pharetra·sit.·Dignissim·sodales·ut·eu·sem·integer·vitae·justo.·Integer·vitae·justo·eget·magna.·Vel·pretium·lectus·quam·id.·Enim·nec·dui·nunc·mattis.·Bibendum·enim·facilisis·gravida·neque.·Nulla·aliquet·enim·tortor·at.·Proin·fermentum·leo·vel·orci·porta·non·pulvinar·neque·laoreet.\n········\n········Elementum·sagittis·vitae·et·leo·duis·ut·diam·quam.·Eget·aliquet·nibh·praesent·tristique.·Tempor·commodo·ullamcorper·a·lacus·vestibulum·sed.·Ac·felis·donec·et·odio·pellentesque·diam.·Enim·neque·volutpat·ac·tincidunt·vitae·semper·quis·lectus.·Rhoncus·est·pellentesque·elit·ullamcorper·dignissim.·Consequat·mauris·nunc·congue·nisi·vitae·suscipit·tellus·mauris·a.·Dui·nunc·mattis·enim·ut·tellus.·Tincidunt·praesent·semper·feugiat·nibh·sed.·In·nulla·posuere·sollicitudin·aliquam·ultrices.·Eu·volutpat·odio·facilisis·mauris.·Donec·ac·odio·tempor·orci·dapibus·ultrices·in·iaculis·nunc.·Pellentesque·id·nibh·tortor·id·aliquet·lectus·proin·nibh.·Id·diam·maecenas·ultricies·mi.·Facilisi·etiam·dignissim·diam·quis·enim·lobortis·scelerisque·fermentum.·Adipiscing·commodo·elit·at·imperdiet·dui.</p>\n········</template>\n········</modal>\n\n········<s-button·@click=\"openModal·=·true\">Open·modal</s-button>\n······</div>\n····`,\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n··}))\n··.add('as·a·forced·modal',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open=\"openModal\"·\n··········:heading=\"heading\"\n··········@close=\"openModal·=·false\"\n··········forced\n········>\n········<template·v-slot:modal-main>\n··········<s-button·@click=\"openModal·=·false\">You·can·close·this·modal</s-button>\n········</template>\n········</modal>\n\n········<s-button·@click=\"openModal·=·true\">Open·modal</s-button>\n······</div>\n····`,\n\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n\n····props:·{\n······heading:·{\n········default:·text('Heading',·'This·is·a·modal·heading'),\n······},\n····},\n··}));\n"` with `export·var·__STORY__·=⏎··'import·{·storiesOf·}·from·\'@storybook/vue\';\nimport·Modal·from·\'./Modal\';\nimport·SButton·from·\'../button/Button\';\nimport·{·withKnobs,·text·}·from·\'@storybook/addon-knobs\';\n\nconst·story·=·storiesOf(\'Modal\',·module);\n\nstory\n··.addDecorator(withKnobs)\n··.add(\'as·a·component\',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open="openModal"·\n··········:heading="heading"\n··········@close="openModal·=·false"\n········>\n········</modal>\n\n········<s-button·@click="openModal·=·true">Open·modal</s-button>\n······</div>\n····`,\n\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n\n····props:·{\n······heading:·{\n········default:·text(\'Heading\',·\'This·is·a·modal·heading\'),\n······},\n····},\n··}))\n··.add(\'without·a·header\',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open="openModal"·\n··········:heading="heading"\n··········@close="openModal·=·false"\n········>\n········</modal>\n\n········<s-button·@click="openModal·=·true">Open·modal</s-button>\n······</div>\n····`,\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n··}))\n··.add(\'with·LOTS·of·content\',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open="openModal"·\n··········:heading="heading"\n··········@close="openModal·=·false"\n········>\n········<template·v-slot:dialog-main>\n········<p>Lorem·ipsum·dolor·sit·amet,·consectetur·adipiscing·elit,·sed·do·eiusmod·tempor·incididunt·ut·labore·et·dolore·magna·aliqua.·Cras·adipiscing·enim·eu·turpis·egestas·pretium.·Lorem·mollis·aliquam·ut·porttitor.·Enim·ut·sem·viverra·aliquet·eget·sit·amet.·Sit·amet·nisl·purus·in.·Eget·duis·at·tellus·at·urna·condimentum.·Posuere·sollicitudin·aliquam·ultrices·sagittis·orci.·Luctus·venenatis·lectus·magna·fringilla·urna·porttitor·rhoncus.·Pellentesque·habitant·morbi·tristique·senectus·et.·Tortor·at·risus·viverra·adipiscing·at·in·tellus.·Odio·aenean·sed·adipiscing·diam·donec·adipiscing·tristique.·Amet·nisl·purus·in·mollis·nunc·sed·id·semper.·Vulputate·eu·scelerisque·felis·imperdiet.·Vulputate·eu·scelerisque·felis·imperdiet·proin.·Consectetur·lorem·donec·massa·sapien·faucibus·et·molestie·ac.\n\n········Imperdiet·dui·accumsan·sit·amet·nulla·facilisi·morbi·tempus.·Quam·vulputate·dignissim·suspendisse·in.·Pretium·nibh·ipsum·consequat·nisl·vel·pretium·lectus·quam·id.·A·scelerisque·purus·semper·eget·duis·at·tellus·at.·Senectus·et·netus·et·malesuada.·Sagittis·aliquam·malesuada·bibendum·arcu·vitae·elementum·curabitur.·Ut·enim·blandit·volutpat·maecenas·volutpat·blandit.·Morbi·tristique·senectus·et·netus·et·malesuada·fames·ac·turpis.·A·diam·maecenas·sed·enim·ut·sem.·Etiam·erat·velit·scelerisque·in.·Egestas·sed·tempus·urna·et·pharetra·pharetra·massa.\n········\n········Habitant·morbi·tristique·senectus·et·netus.·Fringilla·est·ullamcorper·eget·nulla·facilisi·etiam·dignissim·diam·quis.·Bibendum·enim·facilisis·gravida·neque·convallis.·Ultrices·in·iaculis·nunc·sed·augue·lacus.·Eget·lorem·dolor·sed·viverra·ipsum.·Placerat·in·egestas·erat·imperdiet·sed·euismod·nisi·porta.·Convallis·convallis·tellus·id·interdum·velit·laoreet·id.·Velit·egestas·dui·id·ornare·arcu·odio·ut·sem.·Consequat·nisl·vel·pretium·lectus·quam·id·leo·in.·Amet·massa·vitae·tortor·condimentum.·At·consectetur·lorem·donec·massa·sapien·faucibus·et·molestie.·Sollicitudin·tempor·id·eu·nisl·nunc·mi·ipsum.·Consequat·ac·felis·donec·et·odio·pellentesque·diam·volutpat·commodo.\n········\n········Gravida·in·fermentum·et·sollicitudin·ac·orci·phasellus.·Amet·nisl·purus·in·mollis·nunc·sed.·Bibendum·at·varius·vel·pharetra·vel·turpis·nunc·eget·lorem.·Nunc·pulvinar·sapien·et·ligula·ullamcorper·malesuada.·Vestibulum·rhoncus·est·pellentesque·elit·ullamcorper·dignissim·cras·tincidunt·lobortis.·Blandit·aliquam·etiam·erat·velit·scelerisque·in·dictum·non·consectetur.·Duis·ut·diam·quam·nulla·porttitor.·Vitae·justo·eget·magna·fermentum·iaculis·eu.·Aliquet·bibendum·enim·facilisis·gravida·neque·convallis.·Integer·quis·auctor·elit·sed·vulputate·mi·sit·amet·mauris.·Neque·laoreet·suspendisse·interdum·consectetur·libero·id·faucibus·nisl.\n········\n········Rhoncus·urna·neque·viverra·justo·nec.·Ultricies·mi·quis·hendrerit·dolor·magna·eget.·Nibh·ipsum·consequat·nisl·vel·pretium·lectus·quam·id·leo.·Ut·tortor·pretium·viverra·suspendisse·potenti·nullam·ac·tortor.·Tellus·molestie·nunc·non·blandit·massa.·Diam·vel·quam·elementum·pulvinar·etiam·non·quam·lacus·suspendisse.·Sit·amet·venenatis·urna·cursus·eget·nunc·scelerisque.·Tincidunt·praesent·semper·feugiat·nibh·sed.·Eget·nulla·facilisi·etiam·dignissim·diam·quis·enim·lobortis.·Praesent·elementum·facilisis·leo·vel·fringilla·est·ullamcorper·eget·nulla.·Enim·nec·dui·nunc·mattis·enim·ut·tellus·elementum.·Elementum·sagittis·vitae·et·leo.·Nunc·mi·ipsum·faucibus·vitae·aliquet·nec·ullamcorper.·Est·lorem·ipsum·dolor·sit·amet.·Venenatis·tellus·in·metus·vulputate·eu·scelerisque·felis·imperdiet·proin.\n········\n········Leo·duis·ut·diam·quam·nulla.·Iaculis·at·erat·pellentesque·adipiscing·commodo·elit·at.·Urna·condimentum·mattis·pellentesque·id·nibh·tortor·id.·Habitant·morbi·tristique·senectus·et.·Nisl·nunc·mi·ipsum·faucibus·vitae·aliquet·nec.·Platea·dictumst·vestibulum·rhoncus·est.·Bibendum·arcu·vitae·elementum·curabitur·vitae·nunc·sed.·Phasellus·egestas·tellus·rutrum·tellus.·Vivamus·at·augue·eget·arcu·dictum·varius·duis.·Tellus·mauris·a·diam·maecenas.·Arcu·vitae·elementum·curabitur·vitae·nunc·sed·velit·dignissim·sodales.·Vitae·turpis·massa·sed·elementum·tempus·egestas·sed.·Cursus·metus·aliquam·eleifend·mi·in·nulla·posuere.·Tristique·et·egestas·quis·ipsum·suspendisse·ultrices.·Egestas·maecenas·pharetra·convallis·posuere·morbi.·Faucibus·interdum·posuere·lorem·ipsum·dolor·sit.·Pellentesque·eu·tincidunt·tortor·aliquam·nulla·facilisi·cras·fermentum·odio.\n········\n········Pulvinar·neque·laoreet·suspendisse·interdum·consectetur·libero·id.·Enim·ut·sem·viverra·aliquet·eget·sit·amet·tellus·cras.·Turpis·cursus·in·hac·habitasse·platea·dictumst.·Condimentum·vitae·sapien·pellentesque·habitant·morbi.·Nulla·malesuada·pellentesque·elit·eget.·Tempus·imperdiet·nulla·malesuada·pellentesque·elit·eget.·Hendrerit·dolor·magna·eget·est·lorem.·Vestibulum·lectus·mauris·ultrices·eros·in·cursus·turpis·massa.·Vel·quam·elementum·pulvinar·etiam·non·quam.·Metus·dictum·at·tempor·commodo·ullamcorper.·Dignissim·suspendisse·in·est·ante·in·nibh·mauris·cursus·mattis.\n········\n········Consequat·id·porta·nibh·venenatis·cras·sed·felis·eget·velit.·Pellentesque·sit·amet·porttitor·eget·dolor.·Vel·pretium·lectus·quam·id·leo·in·vitae·turpis·massa.·Non·diam·phasellus·vestibulum·lorem.·Ante·in·nibh·mauris·cursus·mattis·molestie·a·iaculis.·Vitae·tempus·quam·pellentesque·nec·nam·aliquam·sem·et·tortor.·Neque·gravida·in·fermentum·et·sollicitudin·ac·orci.·Amet·nisl·purus·in·mollis·nunc·sed·id·semper.·Sed·odio·morbi·quis·commodo·odio·aenean·sed·adipiscing·diam.·Elit·at·imperdiet·dui·accumsan·sit·amet·nulla·facilisi.·Ullamcorper·a·lacus·vestibulum·sed.\n········\n········Aliquam·sem·et·tortor·consequat.·Blandit·libero·volutpat·sed·cras·ornare·arcu·dui.·Amet·justo·donec·enim·diam·vulputate·ut·pharetra·sit.·Dignissim·sodales·ut·eu·sem·integer·vitae·justo.·Integer·vitae·justo·eget·magna.·Vel·pretium·lectus·quam·id.·Enim·nec·dui·nunc·mattis.·Bibendum·enim·facilisis·gravida·neque.·Nulla·aliquet·enim·tortor·at.·Proin·fermentum·leo·vel·orci·porta·non·pulvinar·neque·laoreet.\n········\n········Elementum·sagittis·vitae·et·leo·duis·ut·diam·quam.·Eget·aliquet·nibh·praesent·tristique.·Tempor·commodo·ullamcorper·a·lacus·vestibulum·sed.·Ac·felis·donec·et·odio·pellentesque·diam.·Enim·neque·volutpat·ac·tincidunt·vitae·semper·quis·lectus.·Rhoncus·est·pellentesque·elit·ullamcorper·dignissim.·Consequat·mauris·nunc·congue·nisi·vitae·suscipit·tellus·mauris·a.·Dui·nunc·mattis·enim·ut·tellus.·Tincidunt·praesent·semper·feugiat·nibh·sed.·In·nulla·posuere·sollicitudin·aliquam·ultrices.·Eu·volutpat·odio·facilisis·mauris.·Donec·ac·odio·tempor·orci·dapibus·ultrices·in·iaculis·nunc.·Pellentesque·id·nibh·tortor·id·aliquet·lectus·proin·nibh.·Id·diam·maecenas·ultricies·mi.·Facilisi·etiam·dignissim·diam·quis·enim·lobortis·scelerisque·fermentum.·Adipiscing·commodo·elit·at·imperdiet·dui.</p>\n········</template>\n········</modal>\n\n········<s-button·@click="openModal·=·true">Open·modal</s-button>\n······</div>\n····`,\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n··}))\n··.add(\'as·a·forced·modal\',·()·=>·({\n····components:·{·Modal,·SButton·},\n····template:·`\n······<div>\n········<modal·\n··········:open="openModal"·\n··········:heading="heading"\n··········@close="openModal·=·false"\n··········forced\n········>\n········<template·v-slot:modal-main>\n··········<s-button·@click="openModal·=·false">You·can·close·this·modal</s-button>\n········</template>\n········</modal>\n\n········<s-button·@click="openModal·=·true">Open·modal</s-button>\n······</div>\n····`,\n\n····data()·{\n······return·{\n········openModal:·true,\n······};\n····},\n\n····props:·{\n······heading:·{\n········default:·text(\'Heading\',·\'This·is·a·modal·heading\'),\n······},\n····},\n··}));\n'` (prettier/prettier) at src/components/modal/modal.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Modal from './Modal';\nimport SButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Modal', module);\n\nstory\n .addDecorator(withKnobs)\n .add('as a component', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }))\n .add('without a header', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('with LOTS of content', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n <template v-slot:dialog-main>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas pretium. Lorem mollis aliquam ut porttitor. Enim ut sem viverra aliquet eget sit amet. Sit amet nisl purus in. Eget duis at tellus at urna condimentum. Posuere sollicitudin aliquam ultrices sagittis orci. Luctus venenatis lectus magna fringilla urna porttitor rhoncus. Pellentesque habitant morbi tristique senectus et. Tortor at risus viverra adipiscing at in tellus. Odio aenean sed adipiscing diam donec adipiscing tristique. Amet nisl purus in mollis nunc sed id semper. Vulputate eu scelerisque felis imperdiet. Vulputate eu scelerisque felis imperdiet proin. Consectetur lorem donec massa sapien faucibus et molestie ac.\n\n Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Quam vulputate dignissim suspendisse in. Pretium nibh ipsum consequat nisl vel pretium lectus quam id. A scelerisque purus semper eget duis at tellus at. Senectus et netus et malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Ut enim blandit volutpat maecenas volutpat blandit. Morbi tristique senectus et netus et malesuada fames ac turpis. A diam maecenas sed enim ut sem. Etiam erat velit scelerisque in. Egestas sed tempus urna et pharetra pharetra massa.\n \n Habitant morbi tristique senectus et netus. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Bibendum enim facilisis gravida neque convallis. Ultrices in iaculis nunc sed augue lacus. Eget lorem dolor sed viverra ipsum. Placerat in egestas erat imperdiet sed euismod nisi porta. Convallis convallis tellus id interdum velit laoreet id. Velit egestas dui id ornare arcu odio ut sem. Consequat nisl vel pretium lectus quam id leo in. Amet massa vitae tortor condimentum. At consectetur lorem donec massa sapien faucibus et molestie. Sollicitudin tempor id eu nisl nunc mi ipsum. Consequat ac felis donec et odio pellentesque diam volutpat commodo.\n \n Gravida in fermentum et sollicitudin ac orci phasellus. Amet nisl purus in mollis nunc sed. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Nunc pulvinar sapien et ligula ullamcorper malesuada. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Duis ut diam quam nulla porttitor. Vitae justo eget magna fermentum iaculis eu. Aliquet bibendum enim facilisis gravida neque convallis. Integer quis auctor elit sed vulputate mi sit amet mauris. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl.\n \n Rhoncus urna neque viverra justo nec. Ultricies mi quis hendrerit dolor magna eget. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Tellus molestie nunc non blandit massa. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Sit amet venenatis urna cursus eget nunc scelerisque. Tincidunt praesent semper feugiat nibh sed. Eget nulla facilisi etiam dignissim diam quis enim lobortis. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Enim nec dui nunc mattis enim ut tellus elementum. Elementum sagittis vitae et leo. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Est lorem ipsum dolor sit amet. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin.\n \n Leo duis ut diam quam nulla. Iaculis at erat pellentesque adipiscing commodo elit at. Urna condimentum mattis pellentesque id nibh tortor id. Habitant morbi tristique senectus et. Nisl nunc mi ipsum faucibus vitae aliquet nec. Platea dictumst vestibulum rhoncus est. Bibendum arcu vitae elementum curabitur vitae nunc sed. Phasellus egestas tellus rutrum tellus. Vivamus at augue eget arcu dictum varius duis. Tellus mauris a diam maecenas. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Vitae turpis massa sed elementum tempus egestas sed. Cursus metus aliquam eleifend mi in nulla posuere. Tristique et egestas quis ipsum suspendisse ultrices. Egestas maecenas pharetra convallis posuere morbi. Faucibus interdum posuere lorem ipsum dolor sit. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio.\n \n Pulvinar neque laoreet suspendisse interdum consectetur libero id. Enim ut sem viverra aliquet eget sit amet tellus cras. Turpis cursus in hac habitasse platea dictumst. Condimentum vitae sapien pellentesque habitant morbi. Nulla malesuada pellentesque elit eget. Tempus imperdiet nulla malesuada pellentesque elit eget. Hendrerit dolor magna eget est lorem. Vestibulum lectus mauris ultrices eros in cursus turpis massa. Vel quam elementum pulvinar etiam non quam. Metus dictum at tempor commodo ullamcorper. Dignissim suspendisse in est ante in nibh mauris cursus mattis.\n \n Consequat id porta nibh venenatis cras sed felis eget velit. Pellentesque sit amet porttitor eget dolor. Vel pretium lectus quam id leo in vitae turpis massa. Non diam phasellus vestibulum lorem. Ante in nibh mauris cursus mattis molestie a iaculis. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Neque gravida in fermentum et sollicitudin ac orci. Amet nisl purus in mollis nunc sed id semper. Sed odio morbi quis commodo odio aenean sed adipiscing diam. Elit at imperdiet dui accumsan sit amet nulla facilisi. Ullamcorper a lacus vestibulum sed.\n \n Aliquam sem et tortor consequat. Blandit libero volutpat sed cras ornare arcu dui. Amet justo donec enim diam vulputate ut pharetra sit. Dignissim sodales ut eu sem integer vitae justo. Integer vitae justo eget magna. Vel pretium lectus quam id. Enim nec dui nunc mattis. Bibendum enim facilisis gravida neque. Nulla aliquet enim tortor at. Proin fermentum leo vel orci porta non pulvinar neque laoreet.\n \n Elementum sagittis vitae et leo duis ut diam quam. Eget aliquet nibh praesent tristique. Tempor commodo ullamcorper a lacus vestibulum sed. Ac felis donec et odio pellentesque diam. Enim neque volutpat ac tincidunt vitae semper quis lectus. Rhoncus est pellentesque elit ullamcorper dignissim. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Dui nunc mattis enim ut tellus. Tincidunt praesent semper feugiat nibh sed. In nulla posuere sollicitudin aliquam ultrices. Eu volutpat odio facilisis mauris. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Pellentesque id nibh tortor id aliquet lectus proin nibh. Id diam maecenas ultricies mi. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Adipiscing commodo elit at imperdiet dui.</p>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('as a forced modal', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n forced\n >\n <template v-slot:modal-main>\n <s-button @click=\"openModal = false\">You can close this modal</s-button>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/modal/modal.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Modal from './Modal';\nimport SButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Modal', module);\n\nstory\n .addDecorator(withKnobs)\n .add('as a component', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }))\n .add('without a header', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('with LOTS of content', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n <template v-slot:dialog-main>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas pretium. Lorem mollis aliquam ut porttitor. Enim ut sem viverra aliquet eget sit amet. Sit amet nisl purus in. Eget duis at tellus at urna condimentum. Posuere sollicitudin aliquam ultrices sagittis orci. Luctus venenatis lectus magna fringilla urna porttitor rhoncus. Pellentesque habitant morbi tristique senectus et. Tortor at risus viverra adipiscing at in tellus. Odio aenean sed adipiscing diam donec adipiscing tristique. Amet nisl purus in mollis nunc sed id semper. Vulputate eu scelerisque felis imperdiet. Vulputate eu scelerisque felis imperdiet proin. Consectetur lorem donec massa sapien faucibus et molestie ac.\n\n Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Quam vulputate dignissim suspendisse in. Pretium nibh ipsum consequat nisl vel pretium lectus quam id. A scelerisque purus semper eget duis at tellus at. Senectus et netus et malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Ut enim blandit volutpat maecenas volutpat blandit. Morbi tristique senectus et netus et malesuada fames ac turpis. A diam maecenas sed enim ut sem. Etiam erat velit scelerisque in. Egestas sed tempus urna et pharetra pharetra massa.\n \n Habitant morbi tristique senectus et netus. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Bibendum enim facilisis gravida neque convallis. Ultrices in iaculis nunc sed augue lacus. Eget lorem dolor sed viverra ipsum. Placerat in egestas erat imperdiet sed euismod nisi porta. Convallis convallis tellus id interdum velit laoreet id. Velit egestas dui id ornare arcu odio ut sem. Consequat nisl vel pretium lectus quam id leo in. Amet massa vitae tortor condimentum. At consectetur lorem donec massa sapien faucibus et molestie. Sollicitudin tempor id eu nisl nunc mi ipsum. Consequat ac felis donec et odio pellentesque diam volutpat commodo.\n \n Gravida in fermentum et sollicitudin ac orci phasellus. Amet nisl purus in mollis nunc sed. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Nunc pulvinar sapien et ligula ullamcorper malesuada. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Duis ut diam quam nulla porttitor. Vitae justo eget magna fermentum iaculis eu. Aliquet bibendum enim facilisis gravida neque convallis. Integer quis auctor elit sed vulputate mi sit amet mauris. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl.\n \n Rhoncus urna neque viverra justo nec. Ultricies mi quis hendrerit dolor magna eget. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Tellus molestie nunc non blandit massa. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Sit amet venenatis urna cursus eget nunc scelerisque. Tincidunt praesent semper feugiat nibh sed. Eget nulla facilisi etiam dignissim diam quis enim lobortis. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Enim nec dui nunc mattis enim ut tellus elementum. Elementum sagittis vitae et leo. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Est lorem ipsum dolor sit amet. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin.\n \n Leo duis ut diam quam nulla. Iaculis at erat pellentesque adipiscing commodo elit at. Urna condimentum mattis pellentesque id nibh tortor id. Habitant morbi tristique senectus et. Nisl nunc mi ipsum faucibus vitae aliquet nec. Platea dictumst vestibulum rhoncus est. Bibendum arcu vitae elementum curabitur vitae nunc sed. Phasellus egestas tellus rutrum tellus. Vivamus at augue eget arcu dictum varius duis. Tellus mauris a diam maecenas. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Vitae turpis massa sed elementum tempus egestas sed. Cursus metus aliquam eleifend mi in nulla posuere. Tristique et egestas quis ipsum suspendisse ultrices. Egestas maecenas pharetra convallis posuere morbi. Faucibus interdum posuere lorem ipsum dolor sit. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio.\n \n Pulvinar neque laoreet suspendisse interdum consectetur libero id. Enim ut sem viverra aliquet eget sit amet tellus cras. Turpis cursus in hac habitasse platea dictumst. Condimentum vitae sapien pellentesque habitant morbi. Nulla malesuada pellentesque elit eget. Tempus imperdiet nulla malesuada pellentesque elit eget. Hendrerit dolor magna eget est lorem. Vestibulum lectus mauris ultrices eros in cursus turpis massa. Vel quam elementum pulvinar etiam non quam. Metus dictum at tempor commodo ullamcorper. Dignissim suspendisse in est ante in nibh mauris cursus mattis.\n \n Consequat id porta nibh venenatis cras sed felis eget velit. Pellentesque sit amet porttitor eget dolor. Vel pretium lectus quam id leo in vitae turpis massa. Non diam phasellus vestibulum lorem. Ante in nibh mauris cursus mattis molestie a iaculis. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Neque gravida in fermentum et sollicitudin ac orci. Amet nisl purus in mollis nunc sed id semper. Sed odio morbi quis commodo odio aenean sed adipiscing diam. Elit at imperdiet dui accumsan sit amet nulla facilisi. Ullamcorper a lacus vestibulum sed.\n \n Aliquam sem et tortor consequat. Blandit libero volutpat sed cras ornare arcu dui. Amet justo donec enim diam vulputate ut pharetra sit. Dignissim sodales ut eu sem integer vitae justo. Integer vitae justo eget magna. Vel pretium lectus quam id. Enim nec dui nunc mattis. Bibendum enim facilisis gravida neque. Nulla aliquet enim tortor at. Proin fermentum leo vel orci porta non pulvinar neque laoreet.\n \n Elementum sagittis vitae et leo duis ut diam quam. Eget aliquet nibh praesent tristique. Tempor commodo ullamcorper a lacus vestibulum sed. Ac felis donec et odio pellentesque diam. Enim neque volutpat ac tincidunt vitae semper quis lectus. Rhoncus est pellentesque elit ullamcorper dignissim. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Dui nunc mattis enim ut tellus. Tincidunt praesent semper feugiat nibh sed. In nulla posuere sollicitudin aliquam ultrices. Eu volutpat odio facilisis mauris. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Pellentesque id nibh tortor id aliquet lectus proin nibh. Id diam maecenas ultricies mi. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Adipiscing commodo elit at imperdiet dui.</p>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('as a forced modal', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n forced\n >\n <template v-slot:modal-main>\n <s-button @click=\"openModal = false\">You can close this modal</s-button>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/modal/modal.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Modal from './Modal';\nimport SButton from '../button/Button';\nimport { withKnobs, text } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Modal', module);\n\nstory\n .addDecorator(withKnobs)\n .add('as a component', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }))\n .add('without a header', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('with LOTS of content', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n >\n <template v-slot:dialog-main>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras adipiscing enim eu turpis egestas pretium. Lorem mollis aliquam ut porttitor. Enim ut sem viverra aliquet eget sit amet. Sit amet nisl purus in. Eget duis at tellus at urna condimentum. Posuere sollicitudin aliquam ultrices sagittis orci. Luctus venenatis lectus magna fringilla urna porttitor rhoncus. Pellentesque habitant morbi tristique senectus et. Tortor at risus viverra adipiscing at in tellus. Odio aenean sed adipiscing diam donec adipiscing tristique. Amet nisl purus in mollis nunc sed id semper. Vulputate eu scelerisque felis imperdiet. Vulputate eu scelerisque felis imperdiet proin. Consectetur lorem donec massa sapien faucibus et molestie ac.\n\n Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Quam vulputate dignissim suspendisse in. Pretium nibh ipsum consequat nisl vel pretium lectus quam id. A scelerisque purus semper eget duis at tellus at. Senectus et netus et malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Ut enim blandit volutpat maecenas volutpat blandit. Morbi tristique senectus et netus et malesuada fames ac turpis. A diam maecenas sed enim ut sem. Etiam erat velit scelerisque in. Egestas sed tempus urna et pharetra pharetra massa.\n \n Habitant morbi tristique senectus et netus. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Bibendum enim facilisis gravida neque convallis. Ultrices in iaculis nunc sed augue lacus. Eget lorem dolor sed viverra ipsum. Placerat in egestas erat imperdiet sed euismod nisi porta. Convallis convallis tellus id interdum velit laoreet id. Velit egestas dui id ornare arcu odio ut sem. Consequat nisl vel pretium lectus quam id leo in. Amet massa vitae tortor condimentum. At consectetur lorem donec massa sapien faucibus et molestie. Sollicitudin tempor id eu nisl nunc mi ipsum. Consequat ac felis donec et odio pellentesque diam volutpat commodo.\n \n Gravida in fermentum et sollicitudin ac orci phasellus. Amet nisl purus in mollis nunc sed. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Nunc pulvinar sapien et ligula ullamcorper malesuada. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Duis ut diam quam nulla porttitor. Vitae justo eget magna fermentum iaculis eu. Aliquet bibendum enim facilisis gravida neque convallis. Integer quis auctor elit sed vulputate mi sit amet mauris. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl.\n \n Rhoncus urna neque viverra justo nec. Ultricies mi quis hendrerit dolor magna eget. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Tellus molestie nunc non blandit massa. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Sit amet venenatis urna cursus eget nunc scelerisque. Tincidunt praesent semper feugiat nibh sed. Eget nulla facilisi etiam dignissim diam quis enim lobortis. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Enim nec dui nunc mattis enim ut tellus elementum. Elementum sagittis vitae et leo. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Est lorem ipsum dolor sit amet. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin.\n \n Leo duis ut diam quam nulla. Iaculis at erat pellentesque adipiscing commodo elit at. Urna condimentum mattis pellentesque id nibh tortor id. Habitant morbi tristique senectus et. Nisl nunc mi ipsum faucibus vitae aliquet nec. Platea dictumst vestibulum rhoncus est. Bibendum arcu vitae elementum curabitur vitae nunc sed. Phasellus egestas tellus rutrum tellus. Vivamus at augue eget arcu dictum varius duis. Tellus mauris a diam maecenas. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Vitae turpis massa sed elementum tempus egestas sed. Cursus metus aliquam eleifend mi in nulla posuere. Tristique et egestas quis ipsum suspendisse ultrices. Egestas maecenas pharetra convallis posuere morbi. Faucibus interdum posuere lorem ipsum dolor sit. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio.\n \n Pulvinar neque laoreet suspendisse interdum consectetur libero id. Enim ut sem viverra aliquet eget sit amet tellus cras. Turpis cursus in hac habitasse platea dictumst. Condimentum vitae sapien pellentesque habitant morbi. Nulla malesuada pellentesque elit eget. Tempus imperdiet nulla malesuada pellentesque elit eget. Hendrerit dolor magna eget est lorem. Vestibulum lectus mauris ultrices eros in cursus turpis massa. Vel quam elementum pulvinar etiam non quam. Metus dictum at tempor commodo ullamcorper. Dignissim suspendisse in est ante in nibh mauris cursus mattis.\n \n Consequat id porta nibh venenatis cras sed felis eget velit. Pellentesque sit amet porttitor eget dolor. Vel pretium lectus quam id leo in vitae turpis massa. Non diam phasellus vestibulum lorem. Ante in nibh mauris cursus mattis molestie a iaculis. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Neque gravida in fermentum et sollicitudin ac orci. Amet nisl purus in mollis nunc sed id semper. Sed odio morbi quis commodo odio aenean sed adipiscing diam. Elit at imperdiet dui accumsan sit amet nulla facilisi. Ullamcorper a lacus vestibulum sed.\n \n Aliquam sem et tortor consequat. Blandit libero volutpat sed cras ornare arcu dui. Amet justo donec enim diam vulputate ut pharetra sit. Dignissim sodales ut eu sem integer vitae justo. Integer vitae justo eget magna. Vel pretium lectus quam id. Enim nec dui nunc mattis. Bibendum enim facilisis gravida neque. Nulla aliquet enim tortor at. Proin fermentum leo vel orci porta non pulvinar neque laoreet.\n \n Elementum sagittis vitae et leo duis ut diam quam. Eget aliquet nibh praesent tristique. Tempor commodo ullamcorper a lacus vestibulum sed. Ac felis donec et odio pellentesque diam. Enim neque volutpat ac tincidunt vitae semper quis lectus. Rhoncus est pellentesque elit ullamcorper dignissim. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Dui nunc mattis enim ut tellus. Tincidunt praesent semper feugiat nibh sed. In nulla posuere sollicitudin aliquam ultrices. Eu volutpat odio facilisis mauris. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Pellentesque id nibh tortor id aliquet lectus proin nibh. Id diam maecenas ultricies mi. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Adipiscing commodo elit at imperdiet dui.</p>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n data() {\n return {\n openModal: true,\n };\n },\n }))\n .add('as a forced modal', () => ({\n components: { Modal, SButton },\n template: `\n <div>\n <modal \n :open=\"openModal\" \n :heading=\"heading\"\n @close=\"openModal = false\"\n forced\n >\n <template v-slot:modal-main>\n <s-button @click=\"openModal = false\">You can close this modal</s-button>\n </template>\n </modal>\n\n <s-button @click=\"openModal = true\">Open modal</s-button>\n </div>\n `,\n\n data() {\n return {\n openModal: true,\n };\n },\n\n props: {\n heading: {\n default: text('Heading', 'This is a modal heading'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Modal from './Modal'; error: Delete `··` (prettier/prettier) at src/components/modal/modal.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Modal from './Modal'; 9 | import SButton from '../button/Button'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/modal/modal.stories.js:12:55: 10 | import { withKnobs, text } from '@storybook/addon-knobs'; 11 | > 12 | const story = storiesOf('Modal', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 13 | 14 | story 15 | .addDecorator(withKnobs) error: Delete `⏎··` (prettier/prettier) at src/components/modal/modal.stories.js:135:1: 133 | }, 134 | })); > 135 | | ^ 136 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/navigation/navigation.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/navigation/navigation.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheNavigationNucleus from './TheNavigationNucleus';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nconst story = storiesOf('TheNavigationNucleus', module);\n\nstory\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [{ path: '/home', component: { template: '<div>foo</div>' } }],\n }\n )\n )\n\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { TheNavigationNucleus },\n template: '<the-navigation-nucleus></the-navigation-nucleus>',\n }));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/navigation/navigation.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheNavigationNucleus from './TheNavigationNucleus';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nconst story = storiesOf('TheNavigationNucleus', module);\n\nstory\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [{ path: '/home', component: { template: '<div>foo</div>' } }],\n }\n )\n )\n\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { TheNavigationNucleus },\n template: '<the-navigation-nucleus></the-navigation-nucleus>',\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/navigation/navigation.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheNavigationNucleus from './TheNavigationNucleus';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nconst story = storiesOf('TheNavigationNucleus', module);\n\nstory\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [{ path: '/home', component: { template: '<div>foo</div>' } }],\n }\n )\n )\n\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { TheNavigationNucleus },\n template: '<the-navigation-nucleus></the-navigation-nucleus>',\n }));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/navigation/navigation.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheNavigationNucleus from './TheNavigationNucleus';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport StoryRouter from 'storybook-vue-router';\n\nconst story = storiesOf('TheNavigationNucleus', module);\n\nstory\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [{ path: '/home', component: { template: '<div>foo</div>' } }],\n }\n )\n )\n\n .addDecorator(withKnobs)\n\n .add('as a component with a heading ', () => ({\n components: { TheNavigationNucleus },\n template: '<the-navigation-nucleus></the-navigation-nucleus>',\n }));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheNavigationNucleus from './TheNavigationNucleus'; error: Delete `··` (prettier/prettier) at src/components/navigation/navigation.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheNavigationNucleus from './TheNavigationNucleus'; 9 | import { withKnobs } from '@storybook/addon-knobs'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/navigation/navigation.stories.js:12:70: 10 | import StoryRouter from 'storybook-vue-router'; 11 | > 12 | const story = storiesOf('TheNavigationNucleus', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 13 | 14 | story 15 | .addDecorator( error: Delete `⏎··` (prettier/prettier) at src/components/navigation/navigation.stories.js:30:1: 28 | template: '<the-navigation-nucleus></the-navigation-nucleus>', 29 | })); > 30 | | ^ 31 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/property/property.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/property/property.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Property from './Property';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Property', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"inline\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n props: {\n inline: {\n default: boolean('Inline', false),\n },\n },\n }))\n .add('stacked', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }))\n .add('inline', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"true\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/property/property.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Property from './Property';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Property', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"inline\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n props: {\n inline: {\n default: boolean('Inline', false),\n },\n },\n }))\n .add('stacked', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }))\n .add('inline', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"true\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}` with `export·var·__ADDS_MAP__·=·{⏎··'property--inline':·{⏎····startLoc:·{·col:·7,·line:·57·},⏎····endLoc:·{·col:·4,·line:·78·},⏎··},⏎··'property--stacked':·{⏎····startLoc:·{·col:·7,·line:·35·},⏎····endLoc:·{·col:·4,·line:·56·},⏎··},⏎··'property--component':·{⏎····startLoc:·{·col:·7,·line:·8·},⏎····endLoc:·{·col:·4,·line:·34·},⏎··},⏎` (prettier/prettier) at src/components/property/property.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Property from './Property';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Property', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"inline\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n props: {\n inline: {\n default: boolean('Inline', false),\n },\n },\n }))\n .add('stacked', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }))\n .add('inline', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"true\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/property/property.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Property from './Property';\nimport Card from '@tiles/components/card/Card';\nimport { withKnobs, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Property', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"inline\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n props: {\n inline: {\n default: boolean('Inline', false),\n },\n },\n }))\n .add('stacked', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }))\n .add('inline', () => ({\n components: {\n Card,\n Property,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <property :address=\"address\" :inline=\"true\" />\n </card>\n </div>\n `,\n data() {\n return {\n address: {\n street: '145 Sandy Lane',\n city: 'London',\n postcode: 'SE1 4DC',\n },\n };\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Property from './Property'; error: Delete `··` (prettier/prettier) at src/components/property/property.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"property--inline":{"startLoc":{"col":7,"line":57},"endLoc":{"col":4,"line":78}},"property--stacked":{"startLoc":{"col":7,"line":35},"endLoc":{"col":4,"line":56}},"property--component":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":34}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Property from './Property'; 9 | import Card from '@tiles/components/card/Card'; error: Insert `⏎··` (prettier/prettier) at src/components/property/property.stories.js:12:30: 10 | import { withKnobs, boolean } from '@storybook/addon-knobs'; 11 | > 12 | storiesOf('Property', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 13 | .addDecorator(withKnobs) 14 | .add('component', () => ({ 15 | components: { error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:15:18: 13 | .addDecorator(withKnobs) 14 | .add('component', () => ({ > 15 | components: { | ^ 16 | Card, 17 | Property, 18 | }, error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:16:12: 14 | .add('component', () => ({ 15 | components: { > 16 | Card, | ^ 17 | Property, 18 | }, 19 | template: ` error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:42:18: 40 | })) 41 | .add('stacked', () => ({ > 42 | components: { | ^ 43 | Card, 44 | Property, 45 | }, error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:43:12: 41 | .add('stacked', () => ({ 42 | components: { > 43 | Card, | ^ 44 | Property, 45 | }, 46 | template: ` error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:64:18: 62 | })) 63 | .add('inline', () => ({ > 64 | components: { | ^ 65 | Card, 66 | Property, 67 | }, error: Delete `·` (prettier/prettier) at src/components/property/property.stories.js:65:12: 63 | .add('inline', () => ({ 64 | components: { > 65 | Card, | ^ 66 | Property, 67 | }, 68 | template: ` error: Delete `⏎··` (prettier/prettier) at src/components/property/property.stories.js:85:1: 83 | }, 84 | })); > 85 | | ^ 86 | 13 errors found. 13 errors potentially fixable with the `--fix` option. ./src/components/site/site.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/site/site.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheSite from './layouts/TheSite';\n\nstoriesOf('Site layout', module).add('component', () => ({\n components: { TheSite },\n template: `\n <the-site>\n <template v-slot:site-main>\n <p>Some main content.</p>\n </template>\n </the-site>`,\n}));\n"; 4 | export var __ADDS_MAP__ = {"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/site/site.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheSite from './layouts/TheSite';\n\nstoriesOf('Site layout', module).add('component', () => ({\n components: { TheSite },\n template: `\n <the-site>\n <template v-slot:site-main>\n <p>Some main content.</p>\n </template>\n </the-site>`,\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}` with `export·var·__ADDS_MAP__·=·{⏎··'site-layout--component':·{⏎····startLoc:·{·col:·37,·line:·4·},⏎····endLoc:·{·col:·2,·line:·12·},⏎··},⏎` (prettier/prettier) at src/components/site/site.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheSite from './layouts/TheSite';\n\nstoriesOf('Site layout', module).add('component', () => ({\n components: { TheSite },\n template: `\n <the-site>\n <template v-slot:site-main>\n <p>Some main content.</p>\n </template>\n </the-site>`,\n}));\n"; > 4 | export var __ADDS_MAP__ = {"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/site/site.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport TheSite from './layouts/TheSite';\n\nstoriesOf('Site layout', module).add('component', () => ({\n components: { TheSite },\n template: `\n <the-site>\n <template v-slot:site-main>\n <p>Some main content.</p>\n </template>\n </the-site>`,\n}));\n"; 4 | export var __ADDS_MAP__ = {"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheSite from './layouts/TheSite'; error: Delete `··` (prettier/prettier) at src/components/site/site.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"site-layout--component":{"startLoc":{"col":37,"line":4},"endLoc":{"col":2,"line":12}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import TheSite from './layouts/TheSite'; 9 | error: Replace `.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))` with `⏎··.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))⏎··` (prettier/prettier) at src/components/site/site.stories.js:10:33: 8 | import TheSite from './layouts/TheSite'; 9 | > 10 | storiesOf('Site layout', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('component', () => ({ | ^ 11 | components: { TheSite }, 12 | template: ` 13 | <the-site> error: Insert `··` (prettier/prettier) at src/components/site/site.stories.js:11:3: 9 | 10 | storiesOf('Site layout', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('component', () => ({ > 11 | components: { TheSite }, | ^ 12 | template: ` 13 | <the-site> 14 | <template v-slot:site-main> error: Insert `··` (prettier/prettier) at src/components/site/site.stories.js:12:1: 10 | storiesOf('Site layout', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('component', () => ({ 11 | components: { TheSite }, > 12 | template: ` | ^ 13 | <the-site> 14 | <template v-slot:site-main> 15 | <p>Some main content.</p> error: Insert `··` (prettier/prettier) at src/components/site/site.stories.js:18:1: 16 | </template> 17 | </the-site>`, > 18 | })); | ^ 19 | 20 | error: Delete `⏎··` (prettier/prettier) at src/components/site/site.stories.js:19:1: 17 | </the-site>`, 18 | })); > 19 | | ^ 20 | 10 errors found. 10 errors potentially fixable with the `--fix` option. ./src/components/streetview/streetview.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/streetview/streetview.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Streetview from './Streetview';\n\nstoriesOf('Streetview', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n Streetview,\n },\n template: `\n <streetview :address=\"address\">\n </streetview>\n `,\n props: {\n address: {\n default: text('Address', '20 St. Thomas Street SE1 9RS'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/streetview/streetview.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Streetview from './Streetview';\n\nstoriesOf('Streetview', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n Streetview,\n },\n template: `\n <streetview :address=\"address\">\n </streetview>\n `,\n props: {\n address: {\n default: text('Address', '20 St. Thomas Street SE1 9RS'),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}` with `export·var·__ADDS_MAP__·=·{⏎··'streetview--all':·{⏎····startLoc:·{·col:·7,·line:·8·},⏎····endLoc:·{·col:·4,·line:·21·},⏎··},⏎` (prettier/prettier) at src/components/streetview/streetview.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Streetview from './Streetview';\n\nstoriesOf('Streetview', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n Streetview,\n },\n template: `\n <streetview :address=\"address\">\n </streetview>\n `,\n props: {\n address: {\n default: text('Address', '20 St. Thomas Street SE1 9RS'),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/streetview/streetview.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport Streetview from './Streetview';\n\nstoriesOf('Streetview', module)\n .addDecorator(withKnobs)\n\n .add('all', () => ({\n components: {\n Streetview,\n },\n template: `\n <streetview :address=\"address\">\n </streetview>\n `,\n props: {\n address: {\n default: text('Address', '20 St. Thomas Street SE1 9RS'),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/streetview/streetview.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"streetview--all":{"startLoc":{"col":7,"line":8},"endLoc":{"col":4,"line":21}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text } from '@storybook/addon-knobs'; 9 | import Streetview from './Streetview'; error: Insert `⏎··` (prettier/prettier) at src/components/streetview/streetview.stories.js:11:32: 9 | import Streetview from './Streetview'; 10 | > 11 | storiesOf('Streetview', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 12 | .addDecorator(withKnobs) 13 | 14 | .add('all', () => ({ error: Delete `⏎··` (prettier/prettier) at src/components/streetview/streetview.stories.js:28:1: 26 | }, 27 | })); > 28 | | ^ 29 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/tabs/tabs.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/tabs/tabs.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Tabs from './Tabs';\nimport TabsMenuItem from './TabsMenuItem';\nimport TabsContentItem from './TabsContentItem';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Tabs', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Tabs,\n TabsMenuItem,\n TabsContentItem,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <tabs>\n <template v-slot:tabs-nav>\n <tabs-menu-item references=\"everything\" active>Everything</tabs-menu-item>\n <tabs-menu-item references=\"something\">Something</tabs-menu-item>\n </template>\n <template v-slot:tabs-main>\n <tabs-content-item reference=\"everything\">\n <p>Everything content.</p>\n </tabs-content-item>\n <tabs-content-item reference=\"something\">\n <p>Something content.</p>\n </tabs-content-item>\n </template>\n </tabs>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/tabs/tabs.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Tabs from './Tabs';\nimport TabsMenuItem from './TabsMenuItem';\nimport TabsContentItem from './TabsContentItem';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Tabs', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Tabs,\n TabsMenuItem,\n TabsContentItem,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <tabs>\n <template v-slot:tabs-nav>\n <tabs-menu-item references=\"everything\" active>Everything</tabs-menu-item>\n <tabs-menu-item references=\"something\">Something</tabs-menu-item>\n </template>\n <template v-slot:tabs-main>\n <tabs-content-item reference=\"everything\">\n <p>Everything content.</p>\n </tabs-content-item>\n <tabs-content-item reference=\"something\">\n <p>Something content.</p>\n </tabs-content-item>\n </template>\n </tabs>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}` with `export·var·__ADDS_MAP__·=·{⏎··'tabs--component':·{⏎····startLoc:·{·col:·7,·line:·10·},⏎····endLoc:·{·col:·4,·line:·45·},⏎··},⏎` (prettier/prettier) at src/components/tabs/tabs.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Tabs from './Tabs';\nimport TabsMenuItem from './TabsMenuItem';\nimport TabsContentItem from './TabsContentItem';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Tabs', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Tabs,\n TabsMenuItem,\n TabsContentItem,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <tabs>\n <template v-slot:tabs-nav>\n <tabs-menu-item references=\"everything\" active>Everything</tabs-menu-item>\n <tabs-menu-item references=\"something\">Something</tabs-menu-item>\n </template>\n <template v-slot:tabs-main>\n <tabs-content-item reference=\"everything\">\n <p>Everything content.</p>\n </tabs-content-item>\n <tabs-content-item reference=\"something\">\n <p>Something content.</p>\n </tabs-content-item>\n </template>\n </tabs>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/tabs/tabs.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Tabs from './Tabs';\nimport TabsMenuItem from './TabsMenuItem';\nimport TabsContentItem from './TabsContentItem';\nimport Card from './../card/Card';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nstoriesOf('Tabs', module)\n .addDecorator(withKnobs)\n .add('component', () => ({\n components: {\n Card,\n Tabs,\n TabsMenuItem,\n TabsContentItem,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <tabs>\n <template v-slot:tabs-nav>\n <tabs-menu-item references=\"everything\" active>Everything</tabs-menu-item>\n <tabs-menu-item references=\"something\">Something</tabs-menu-item>\n </template>\n <template v-slot:tabs-main>\n <tabs-content-item reference=\"everything\">\n <p>Everything content.</p>\n </tabs-content-item>\n <tabs-content-item reference=\"something\">\n <p>Something content.</p>\n </tabs-content-item>\n </template>\n </tabs>\n </card>\n </div>\n `,\n props: {\n label: {\n default: text('Label', `We are loading your properties.`),\n },\n done: {\n default: boolean('Done', false),\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Tabs from './Tabs'; error: Delete `··` (prettier/prettier) at src/components/tabs/tabs.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"tabs--component":{"startLoc":{"col":7,"line":10},"endLoc":{"col":4,"line":45}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Tabs from './Tabs'; 9 | import TabsMenuItem from './TabsMenuItem'; error: Insert `⏎··` (prettier/prettier) at src/components/tabs/tabs.stories.js:14:26: 12 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; 13 | > 14 | storiesOf('Tabs', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 15 | .addDecorator(withKnobs) 16 | .add('component', () => ({ 17 | components: { error: Delete `·` (prettier/prettier) at src/components/tabs/tabs.stories.js:17:18: 15 | .addDecorator(withKnobs) 16 | .add('component', () => ({ > 17 | components: { | ^ 18 | Card, 19 | Tabs, 20 | TabsMenuItem, error: Delete `··` (prettier/prettier) at src/components/tabs/tabs.stories.js:52:1: 50 | }, 51 | })); > 52 | | ^ 8 errors found. 8 errors potentially fixable with the `--fix` option. ./src/components/typography/typography.body.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/typography/typography.body.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Body', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <p class=\"copy--lead\">The is a lead paragraph <br />continued to a new line.</p>\n <p>The is a standard paragraph <br />continued to a new line.</p>\n <p><small>The is small copy <br />continued to a new line.</small></p>\n <ol>\n <li>This is an ordered list item <br />continued to a new line.</li>\n <li>This is an ordered list item <br />continued to a new line.</li>\n </ol>\n <ul>\n <li>This is an unordered list item <br />continued to a new line.</li>\n <li>This is an unordered list item <br />continued to a new line.</li>\n </ul>\n <p>This is <strong>stronger copy</strong>, this is <em>emphasised copy</em>.</p>\n <p class=\"copy--verse\">This is verse copy.</p>\n <p class=\"copy--verse\">This is copy that stops word wrapping to prevent text orphans and fragmenting phrases such as <span class=\"copy--orphans\">Product Information Form</span>.</p>\n\n <p>\n Shall I compare thee to a summer&rsquo;s day? <br />\n Thou art more lovely and more temperate. <br />\n Rough winds do shake the darling buds of May, <br />\n And summer&rsquo;s lease hath all too short a date. <br />\n Sometime too hot the eye of heaven shines, <br />\n And often is his gold complexion dimmed; <br />\n And every fair from fair sometime declines, <br />\n By chance, or nature&rsquo;s changing course, untrimmed; <br />\n But thy eternal summer shall not fade, <br />\n Nor lose possession of that fair thou ow&rsquo;st, <br />\n Nor shall death brag thou wand&rsquo;rest in his shade, <br />\n When in eternal lines to Time thou grow&rsquo;st. <br />\n So long as men can breathe, or eyes can see, <br />\n So long lives this, and this gives life to thee.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is an example of copy'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'p'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n Default: '',\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Verse copy': 'copy--verse',\n 'Small copy': 'copy--small',\n },\n ''\n ),\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/typography/typography.body.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Body', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <p class=\"copy--lead\">The is a lead paragraph <br />continued to a new line.</p>\n <p>The is a standard paragraph <br />continued to a new line.</p>\n <p><small>The is small copy <br />continued to a new line.</small></p>\n <ol>\n <li>This is an ordered list item <br />continued to a new line.</li>\n <li>This is an ordered list item <br />continued to a new line.</li>\n </ol>\n <ul>\n <li>This is an unordered list item <br />continued to a new line.</li>\n <li>This is an unordered list item <br />continued to a new line.</li>\n </ul>\n <p>This is <strong>stronger copy</strong>, this is <em>emphasised copy</em>.</p>\n <p class=\"copy--verse\">This is verse copy.</p>\n <p class=\"copy--verse\">This is copy that stops word wrapping to prevent text orphans and fragmenting phrases such as <span class=\"copy--orphans\">Product Information Form</span>.</p>\n\n <p>\n Shall I compare thee to a summer&rsquo;s day? <br />\n Thou art more lovely and more temperate. <br />\n Rough winds do shake the darling buds of May, <br />\n And summer&rsquo;s lease hath all too short a date. <br />\n Sometime too hot the eye of heaven shines, <br />\n And often is his gold complexion dimmed; <br />\n And every fair from fair sometime declines, <br />\n By chance, or nature&rsquo;s changing course, untrimmed; <br />\n But thy eternal summer shall not fade, <br />\n Nor lose possession of that fair thou ow&rsquo;st, <br />\n Nor shall death brag thou wand&rsquo;rest in his shade, <br />\n When in eternal lines to Time thou grow&rsquo;st. <br />\n So long as men can breathe, or eyes can see, <br />\n So long lives this, and this gives life to thee.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is an example of copy'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'p'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n Default: '',\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Verse copy': 'copy--verse',\n 'Small copy': 'copy--small',\n },\n ''\n ),\n },\n },\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Body', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <p class=\"copy--lead\">The is a lead paragraph <br />continued to a new line.</p>\n <p>The is a standard paragraph <br />continued to a new line.</p>\n <p><small>The is small copy <br />continued to a new line.</small></p>\n <ol>\n <li>This is an ordered list item <br />continued to a new line.</li>\n <li>This is an ordered list item <br />continued to a new line.</li>\n </ol>\n <ul>\n <li>This is an unordered list item <br />continued to a new line.</li>\n <li>This is an unordered list item <br />continued to a new line.</li>\n </ul>\n <p>This is <strong>stronger copy</strong>, this is <em>emphasised copy</em>.</p>\n <p class=\"copy--verse\">This is verse copy.</p>\n <p class=\"copy--verse\">This is copy that stops word wrapping to prevent text orphans and fragmenting phrases such as <span class=\"copy--orphans\">Product Information Form</span>.</p>\n\n <p>\n Shall I compare thee to a summer&rsquo;s day? <br />\n Thou art more lovely and more temperate. <br />\n Rough winds do shake the darling buds of May, <br />\n And summer&rsquo;s lease hath all too short a date. <br />\n Sometime too hot the eye of heaven shines, <br />\n And often is his gold complexion dimmed; <br />\n And every fair from fair sometime declines, <br />\n By chance, or nature&rsquo;s changing course, untrimmed; <br />\n But thy eternal summer shall not fade, <br />\n Nor lose possession of that fair thou ow&rsquo;st, <br />\n Nor shall death brag thou wand&rsquo;rest in his shade, <br />\n When in eternal lines to Time thou grow&rsquo;st. <br />\n So long as men can breathe, or eyes can see, <br />\n So long lives this, and this gives life to thee.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is an example of copy'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'p'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n Default: '',\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Verse copy': 'copy--verse',\n 'Small copy': 'copy--small',\n },\n ''\n ),\n },\n },\n}));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Body', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n <div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <p class=\"copy--lead\">The is a lead paragraph <br />continued to a new line.</p>\n <p>The is a standard paragraph <br />continued to a new line.</p>\n <p><small>The is small copy <br />continued to a new line.</small></p>\n <ol>\n <li>This is an ordered list item <br />continued to a new line.</li>\n <li>This is an ordered list item <br />continued to a new line.</li>\n </ol>\n <ul>\n <li>This is an unordered list item <br />continued to a new line.</li>\n <li>This is an unordered list item <br />continued to a new line.</li>\n </ul>\n <p>This is <strong>stronger copy</strong>, this is <em>emphasised copy</em>.</p>\n <p class=\"copy--verse\">This is verse copy.</p>\n <p class=\"copy--verse\">This is copy that stops word wrapping to prevent text orphans and fragmenting phrases such as <span class=\"copy--orphans\">Product Information Form</span>.</p>\n\n <p>\n Shall I compare thee to a summer&rsquo;s day? <br />\n Thou art more lovely and more temperate. <br />\n Rough winds do shake the darling buds of May, <br />\n And summer&rsquo;s lease hath all too short a date. <br />\n Sometime too hot the eye of heaven shines, <br />\n And often is his gold complexion dimmed; <br />\n And every fair from fair sometime declines, <br />\n By chance, or nature&rsquo;s changing course, untrimmed; <br />\n But thy eternal summer shall not fade, <br />\n Nor lose possession of that fair thou ow&rsquo;st, <br />\n Nor shall death brag thou wand&rsquo;rest in his shade, <br />\n When in eternal lines to Time thou grow&rsquo;st. <br />\n So long as men can breathe, or eyes can see, <br />\n So long lives this, and this gives life to thee.</p>\n </card>\n </div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is an example of copy'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'p'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n Default: '',\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Verse copy': 'copy--verse',\n 'Small copy': 'copy--small',\n },\n ''\n ),\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '../card/Card'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '../card/Card'; 9 | import { withKnobs, text, boolean, select } from '@storybook/addon-knobs'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/typography/typography.body.stories.js:11:65: 9 | import { withKnobs, text, boolean, select } from '@storybook/addon-knobs'; 10 | > 11 | const story = storiesOf('Typography/Body', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 12 | 13 | story.addDecorator(withKnobs) 14 | .add('with modifiers', () => ({ error: Delete `⏎··` (prettier/prettier) at src/components/typography/typography.body.stories.js:13:30: 11 | const story = storiesOf('Typography/Body', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); 12 | > 13 | story.addDecorator(withKnobs) | ^ 14 | .add('with modifiers', () => ({ 15 | components: { 16 | Card, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:15:3: 13 | story.addDecorator(withKnobs) 14 | .add('with modifiers', () => ({ > 15 | components: { | ^ 16 | Card, 17 | }, 18 | template: ` error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:16:1: 14 | .add('with modifiers', () => ({ 15 | components: { > 16 | Card, | ^ 17 | }, 18 | template: ` 19 | <div style="padding: 16px;"> error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:17:3: 15 | components: { 16 | Card, > 17 | }, | ^ 18 | template: ` 19 | <div style="padding: 16px;"> 20 | <card> error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:18:1: 16 | Card, 17 | }, > 18 | template: ` | ^ 19 | <div style="padding: 16px;"> 20 | <card> 21 | <component :is="headingElement" :class="classes">{{ content }} <br />continued to a new line</component> error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:57:3: 55 | </div> 56 | `, > 57 | data() { | ^ 58 | return { 59 | storyValue: '', 60 | }; error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:58:1: 56 | `, 57 | data() { > 58 | return { | ^ 59 | storyValue: '', 60 | }; 61 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:59:7: 57 | data() { 58 | return { > 59 | storyValue: '', | ^ 60 | }; 61 | }, 62 | computed: { error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.body.stories.js:60:1: 58 | return { 59 | storyValue: '', > 60 | }; | ^ 61 | }, 62 | computed: { 63 | classes() { error: Replace `····` with `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:61:1: 59 | storyValue: '', 60 | }; > 61 | }, | ^ 62 | computed: { 63 | classes() { 64 | return { error: Replace `····` with `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:62:1: 60 | }; 61 | }, > 62 | computed: { | ^ 63 | classes() { 64 | return { 65 | 'heading--verse': this.verse, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:63:1: 61 | }, 62 | computed: { > 63 | classes() { | ^ 64 | return { 65 | 'heading--verse': this.verse, 66 | 'heading--primary': this.primary, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:64:7: 62 | computed: { 63 | classes() { > 64 | return { | ^ 65 | 'heading--verse': this.verse, 66 | 'heading--primary': this.primary, 67 | [this.style]: true, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:65:1: 63 | classes() { 64 | return { > 65 | 'heading--verse': this.verse, | ^ 66 | 'heading--primary': this.primary, 67 | [this.style]: true, 68 | }; error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:66:9: 64 | return { 65 | 'heading--verse': this.verse, > 66 | 'heading--primary': this.primary, | ^ 67 | [this.style]: true, 68 | }; 69 | }, error: Replace `··········` with `········` (prettier/prettier) at src/components/typography/typography.body.stories.js:67:1: 65 | 'heading--verse': this.verse, 66 | 'heading--primary': this.primary, > 67 | [this.style]: true, | ^ 68 | }; 69 | }, 70 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:68:7: 66 | 'heading--primary': this.primary, 67 | [this.style]: true, > 68 | }; | ^ 69 | }, 70 | }, 71 | props: { error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.body.stories.js:69:1: 67 | [this.style]: true, 68 | }; > 69 | }, | ^ 70 | }, 71 | props: { 72 | content: { error: Replace `····` with `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:70:1: 68 | }; 69 | }, > 70 | }, | ^ 71 | props: { 72 | content: { 73 | default: text('H1 text', 'This is an example of copy'), error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:71:1: 69 | }, 70 | }, > 71 | props: { | ^ 72 | content: { 73 | default: text('H1 text', 'This is an example of copy'), 74 | }, error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.body.stories.js:72:1: 70 | }, 71 | props: { > 72 | content: { | ^ 73 | default: text('H1 text', 'This is an example of copy'), 74 | }, 75 | verse: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:73:1: 71 | props: { 72 | content: { > 73 | default: text('H1 text', 'This is an example of copy'), | ^ 74 | }, 75 | verse: { 76 | default: boolean('Verse', false), error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:74:5: 72 | content: { 73 | default: text('H1 text', 'This is an example of copy'), > 74 | }, | ^ 75 | verse: { 76 | default: boolean('Verse', false), 77 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:75:1: 73 | default: text('H1 text', 'This is an example of copy'), 74 | }, > 75 | verse: { | ^ 76 | default: boolean('Verse', false), 77 | }, 78 | primary: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:76:1: 74 | }, 75 | verse: { > 76 | default: boolean('Verse', false), | ^ 77 | }, 78 | primary: { 79 | default: boolean('Primary heading', false), error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.body.stories.js:77:1: 75 | verse: { 76 | default: boolean('Verse', false), > 77 | }, | ^ 78 | primary: { 79 | default: boolean('Primary heading', false), 80 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:78:1: 76 | default: boolean('Verse', false), 77 | }, > 78 | primary: { | ^ 79 | default: boolean('Primary heading', false), 80 | }, 81 | headingElement: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:79:1: 77 | }, 78 | primary: { > 79 | default: boolean('Primary heading', false), | ^ 80 | }, 81 | headingElement: { 82 | default: select('Element', { error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:80:1: 78 | primary: { 79 | default: boolean('Primary heading', false), > 80 | }, | ^ 81 | headingElement: { 82 | default: select('Element', { 83 | 'H1': 'h1', error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:81:5: 79 | default: boolean('Primary heading', false), 80 | }, > 81 | headingElement: { | ^ 82 | default: select('Element', { 83 | 'H1': 'h1', 84 | 'H2': 'h2', error: Replace `··default:·select('Element',` with `default:·select(⏎········'Element',⏎·······` (prettier/prettier) at src/components/typography/typography.body.stories.js:82:7: 80 | }, 81 | headingElement: { > 82 | default: select('Element', { | ^ 83 | 'H1': 'h1', 84 | 'H2': 'h2', 85 | 'H3': 'h3', error: Replace `'H1'` with `H1` (prettier/prettier) at src/components/typography/typography.body.stories.js:83:11: 81 | headingElement: { 82 | default: select('Element', { > 83 | 'H1': 'h1', | ^ 84 | 'H2': 'h2', 85 | 'H3': 'h3', 86 | 'H4': 'h4', error: Replace `'H2'` with `H2` (prettier/prettier) at src/components/typography/typography.body.stories.js:84:11: 82 | default: select('Element', { 83 | 'H1': 'h1', > 84 | 'H2': 'h2', | ^ 85 | 'H3': 'h3', 86 | 'H4': 'h4', 87 | 'H5': 'h5', error: Replace `'H3'` with `H3` (prettier/prettier) at src/components/typography/typography.body.stories.js:85:11: 83 | 'H1': 'h1', 84 | 'H2': 'h2', > 85 | 'H3': 'h3', | ^ 86 | 'H4': 'h4', 87 | 'H5': 'h5', 88 | 'H6': 'h6', error: Replace `'H4'` with `H4` (prettier/prettier) at src/components/typography/typography.body.stories.js:86:11: 84 | 'H2': 'h2', 85 | 'H3': 'h3', > 86 | 'H4': 'h4', | ^ 87 | 'H5': 'h5', 88 | 'H6': 'h6', 89 | 'P': 'p', error: Replace `'H5'` with `H5` (prettier/prettier) at src/components/typography/typography.body.stories.js:87:11: 85 | 'H3': 'h3', 86 | 'H4': 'h4', > 87 | 'H5': 'h5', | ^ 88 | 'H6': 'h6', 89 | 'P': 'p', 90 | 'SMALL': 'small', error: Replace `'H6'` with `H6` (prettier/prettier) at src/components/typography/typography.body.stories.js:88:11: 86 | 'H4': 'h4', 87 | 'H5': 'h5', > 88 | 'H6': 'h6', | ^ 89 | 'P': 'p', 90 | 'SMALL': 'small', 91 | }, 'p'), error: Replace `'P'` with `P` (prettier/prettier) at src/components/typography/typography.body.stories.js:89:11: 87 | 'H5': 'h5', 88 | 'H6': 'h6', > 89 | 'P': 'p', | ^ 90 | 'SMALL': 'small', 91 | }, 'p'), 92 | }, error: Replace `'SMALL'` with `SMALL` (prettier/prettier) at src/components/typography/typography.body.stories.js:90:11: 88 | 'H6': 'h6', 89 | 'P': 'p', > 90 | 'SMALL': 'small', | ^ 91 | }, 'p'), 92 | }, 93 | style: { error: Replace `·'p')` with `⏎········'p'` (prettier/prettier) at src/components/typography/typography.body.stories.js:91:11: 89 | 'P': 'p', 90 | 'SMALL': 'small', > 91 | }, 'p'), | ^ 92 | }, 93 | style: { 94 | default: select('Style', { error: Replace `}` with `)` (prettier/prettier) at src/components/typography/typography.body.stories.js:92:7: 90 | 'SMALL': 'small', 91 | }, 'p'), > 92 | }, | ^ 93 | style: { 94 | default: select('Style', { 95 | 'Default': '', error: Insert `},⏎··` (prettier/prettier) at src/components/typography/typography.body.stories.js:93:5: 91 | }, 'p'), 92 | }, > 93 | style: { | ^ 94 | default: select('Style', { 95 | 'Default': '', 96 | 'Heading 1': 'heading-1', error: Replace `········default:·select('Style',` with `······default:·select(⏎········'Style',⏎·······` (prettier/prettier) at src/components/typography/typography.body.stories.js:94:1: 92 | }, 93 | style: { > 94 | default: select('Style', { | ^ 95 | 'Default': '', 96 | 'Heading 1': 'heading-1', 97 | 'Heading 2': 'heading-2', error: Replace `'Default'` with `Default` (prettier/prettier) at src/components/typography/typography.body.stories.js:95:11: 93 | style: { 94 | default: select('Style', { > 95 | 'Default': '', | ^ 96 | 'Heading 1': 'heading-1', 97 | 'Heading 2': 'heading-2', 98 | 'Heading 3': 'heading-3', error: Replace `'Copy'` with `Copy` (prettier/prettier) at src/components/typography/typography.body.stories.js:102:11: 100 | 'Heading 5': 'heading-5', 101 | 'Heading 6': 'heading-6', > 102 | 'Copy': 'copy', | ^ 103 | 'Lead copy': 'copy--lead', 104 | 'Verse copy': 'copy--verse', 105 | 'Small copy': 'copy--small', error: Replace `·'')` with `⏎········''` (prettier/prettier) at src/components/typography/typography.body.stories.js:106:11: 104 | 'Verse copy': 'copy--verse', 105 | 'Small copy': 'copy--small', > 106 | }, ''), | ^ 107 | }, 108 | }, 109 | })); error: Replace `}` with `)` (prettier/prettier) at src/components/typography/typography.body.stories.js:107:7: 105 | 'Small copy': 'copy--small', 106 | }, ''), > 107 | }, | ^ 108 | }, 109 | })); 110 | error: Insert `,⏎}` (prettier/prettier) at src/components/typography/typography.body.stories.js:109:4: 107 | }, 108 | }, > 109 | })); | ^ 110 | error: Delete `··` (prettier/prettier) at src/components/typography/typography.body.stories.js:110:1: 108 | }, 109 | })); > 110 | | ^ 55 errors found. 55 errors potentially fixable with the `--fix` option. ./src/components/typography/typography.heading.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Headings', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n<div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <h1>This is heading level 1 <br />continued to a new line</h1>\n <h2>This is heading level 2 <br />continued to a new line</h2>\n <h3>This is heading level 3 <br />continued to a new line</h3>\n <h4>This is heading level 4 <br />continued to a new line</h4>\n <h5>This is heading level 5 <br />continued to a new line</h5>\n <h6>This is heading level 6 <br />continued to a new line</h6>\n </card>\n</div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is a heading'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'h1'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Small copy': 'copy--small',\n },\n 'heading-1'\n ),\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/typography/typography.heading.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Headings', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n<div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <h1>This is heading level 1 <br />continued to a new line</h1>\n <h2>This is heading level 2 <br />continued to a new line</h2>\n <h3>This is heading level 3 <br />continued to a new line</h3>\n <h4>This is heading level 4 <br />continued to a new line</h4>\n <h5>This is heading level 5 <br />continued to a new line</h5>\n <h6>This is heading level 6 <br />continued to a new line</h6>\n </card>\n</div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is a heading'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'h1'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Small copy': 'copy--small',\n },\n 'heading-1'\n ),\n },\n },\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Headings', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n<div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <h1>This is heading level 1 <br />continued to a new line</h1>\n <h2>This is heading level 2 <br />continued to a new line</h2>\n <h3>This is heading level 3 <br />continued to a new line</h3>\n <h4>This is heading level 4 <br />continued to a new line</h4>\n <h5>This is heading level 5 <br />continued to a new line</h5>\n <h6>This is heading level 6 <br />continued to a new line</h6>\n </card>\n</div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is a heading'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'h1'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Small copy': 'copy--small',\n },\n 'heading-1'\n ),\n },\n },\n}));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport Card from '../card/Card';\nimport { withKnobs, text, boolean, select } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/Headings', module);\n\nstory.addDecorator(withKnobs).add('with modifiers', () => ({\n components: {\n Card,\n },\n template: `\n<div style=\"padding: 16px;\">\n <card>\n <component :is=\"headingElement\" :class=\"classes\">{{ content }} <br />continued to a new line</component>\n </card>\n <card>\n <h1>This is heading level 1 <br />continued to a new line</h1>\n <h2>This is heading level 2 <br />continued to a new line</h2>\n <h3>This is heading level 3 <br />continued to a new line</h3>\n <h4>This is heading level 4 <br />continued to a new line</h4>\n <h5>This is heading level 5 <br />continued to a new line</h5>\n <h6>This is heading level 6 <br />continued to a new line</h6>\n </card>\n</div>\n `,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'heading--verse': this.verse,\n 'heading--primary': this.primary,\n [this.style]: true,\n };\n },\n },\n props: {\n content: {\n default: text('H1 text', 'This is a heading'),\n },\n verse: {\n default: boolean('Verse', false),\n },\n primary: {\n default: boolean('Primary heading', false),\n },\n headingElement: {\n default: select(\n 'Element',\n {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n },\n 'h1'\n ),\n },\n style: {\n default: select(\n 'Style',\n {\n 'Heading 1': 'heading-1',\n 'Heading 2': 'heading-2',\n 'Heading 3': 'heading-3',\n 'Heading 4': 'heading-4',\n 'Heading 5': 'heading-5',\n 'Heading 6': 'heading-6',\n Copy: 'copy',\n 'Lead copy': 'copy--lead',\n 'Small copy': 'copy--small',\n },\n 'heading-1'\n ),\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '../card/Card'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import Card from '../card/Card'; 9 | import { withKnobs, text, boolean, select } from '@storybook/addon-knobs'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/typography/typography.heading.stories.js:11:69: 9 | import { withKnobs, text, boolean, select } from '@storybook/addon-knobs'; 10 | > 11 | const story = storiesOf('Typography/Headings', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 12 | 13 | story.addDecorator(withKnobs) 14 | .add('with modifiers', () => ({ error: Delete `⏎··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:13:30: 11 | const story = storiesOf('Typography/Headings', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); 12 | > 13 | story.addDecorator(withKnobs) | ^ 14 | .add('with modifiers', () => ({ 15 | components: { 16 | Card, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:15:3: 13 | story.addDecorator(withKnobs) 14 | .add('with modifiers', () => ({ > 15 | components: { | ^ 16 | Card, 17 | }, 18 | template: ` error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:16:1: 14 | .add('with modifiers', () => ({ 15 | components: { > 16 | Card, | ^ 17 | }, 18 | template: ` 19 | <div style="padding: 16px;"> error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:17:3: 15 | components: { 16 | Card, > 17 | }, | ^ 18 | template: ` 19 | <div style="padding: 16px;"> 20 | <card> error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:18:1: 16 | Card, 17 | }, > 18 | template: ` | ^ 19 | <div style="padding: 16px;"> 20 | <card> 21 | <component :is="headingElement" :class="classes">{{ content }} <br />continued to a new line</component> error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:33:3: 31 | </div> 32 | `, > 33 | data() { | ^ 34 | return { 35 | storyValue: '', 36 | }; error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:34:1: 32 | `, 33 | data() { > 34 | return { | ^ 35 | storyValue: '', 36 | }; 37 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:35:7: 33 | data() { 34 | return { > 35 | storyValue: '', | ^ 36 | }; 37 | }, 38 | computed: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:36:1: 34 | return { 35 | storyValue: '', > 36 | }; | ^ 37 | }, 38 | computed: { 39 | classes() { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:37:3: 35 | storyValue: '', 36 | }; > 37 | }, | ^ 38 | computed: { 39 | classes() { 40 | return { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:38:1: 36 | }; 37 | }, > 38 | computed: { | ^ 39 | classes() { 40 | return { 41 | 'heading--verse': this.verse, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:39:5: 37 | }, 38 | computed: { > 39 | classes() { | ^ 40 | return { 41 | 'heading--verse': this.verse, 42 | 'heading--primary': this.primary, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:40:1: 38 | computed: { 39 | classes() { > 40 | return { | ^ 41 | 'heading--verse': this.verse, 42 | 'heading--primary': this.primary, 43 | [this.style]: true, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:41:9: 39 | classes() { 40 | return { > 41 | 'heading--verse': this.verse, | ^ 42 | 'heading--primary': this.primary, 43 | [this.style]: true, 44 | }; error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:42:1: 40 | return { 41 | 'heading--verse': this.verse, > 42 | 'heading--primary': this.primary, | ^ 43 | [this.style]: true, 44 | }; 45 | }, error: Replace `··········` with `········` (prettier/prettier) at src/components/typography/typography.heading.stories.js:43:1: 41 | 'heading--verse': this.verse, 42 | 'heading--primary': this.primary, > 43 | [this.style]: true, | ^ 44 | }; 45 | }, 46 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:44:7: 42 | 'heading--primary': this.primary, 43 | [this.style]: true, > 44 | }; | ^ 45 | }, 46 | }, 47 | props: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:45:1: 43 | [this.style]: true, 44 | }; > 45 | }, | ^ 46 | }, 47 | props: { 48 | content: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:46:3: 44 | }; 45 | }, > 46 | }, | ^ 47 | props: { 48 | content: { 49 | default: text('H1 text', 'This is a heading'), error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:47:1: 45 | }, 46 | }, > 47 | props: { | ^ 48 | content: { 49 | default: text('H1 text', 'This is a heading'), 50 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:48:5: 46 | }, 47 | props: { > 48 | content: { | ^ 49 | default: text('H1 text', 'This is a heading'), 50 | }, 51 | verse: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:49:1: 47 | props: { 48 | content: { > 49 | default: text('H1 text', 'This is a heading'), | ^ 50 | }, 51 | verse: { 52 | default: boolean('Verse', false), error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.heading.stories.js:50:1: 48 | content: { 49 | default: text('H1 text', 'This is a heading'), > 50 | }, | ^ 51 | verse: { 52 | default: boolean('Verse', false), 53 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:51:1: 49 | default: text('H1 text', 'This is a heading'), 50 | }, > 51 | verse: { | ^ 52 | default: boolean('Verse', false), 53 | }, 54 | primary: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:52:1: 50 | }, 51 | verse: { > 52 | default: boolean('Verse', false), | ^ 53 | }, 54 | primary: { 55 | default: boolean('Primary heading', false), error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:53:5: 51 | verse: { 52 | default: boolean('Verse', false), > 53 | }, | ^ 54 | primary: { 55 | default: boolean('Primary heading', false), 56 | }, error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:54:1: 52 | default: boolean('Verse', false), 53 | }, > 54 | primary: { | ^ 55 | default: boolean('Primary heading', false), 56 | }, 57 | headingElement: { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:55:7: 53 | }, 54 | primary: { > 55 | default: boolean('Primary heading', false), | ^ 56 | }, 57 | headingElement: { 58 | default: select('Element', { error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:56:5: 54 | primary: { 55 | default: boolean('Primary heading', false), > 56 | }, | ^ 57 | headingElement: { 58 | default: select('Element', { 59 | 'H1': 'h1', error: Replace `······` with `····` (prettier/prettier) at src/components/typography/typography.heading.stories.js:57:1: 55 | default: boolean('Primary heading', false), 56 | }, > 57 | headingElement: { | ^ 58 | default: select('Element', { 59 | 'H1': 'h1', 60 | 'H2': 'h2', error: Replace `··default:·select('Element',` with `default:·select(⏎········'Element',⏎·······` (prettier/prettier) at src/components/typography/typography.heading.stories.js:58:7: 56 | }, 57 | headingElement: { > 58 | default: select('Element', { | ^ 59 | 'H1': 'h1', 60 | 'H2': 'h2', 61 | 'H3': 'h3', error: Replace `'H1'` with `H1` (prettier/prettier) at src/components/typography/typography.heading.stories.js:59:11: 57 | headingElement: { 58 | default: select('Element', { > 59 | 'H1': 'h1', | ^ 60 | 'H2': 'h2', 61 | 'H3': 'h3', 62 | 'H4': 'h4', error: Replace `'H2'` with `H2` (prettier/prettier) at src/components/typography/typography.heading.stories.js:60:11: 58 | default: select('Element', { 59 | 'H1': 'h1', > 60 | 'H2': 'h2', | ^ 61 | 'H3': 'h3', 62 | 'H4': 'h4', 63 | 'H5': 'h5', error: Replace `'H3'` with `H3` (prettier/prettier) at src/components/typography/typography.heading.stories.js:61:11: 59 | 'H1': 'h1', 60 | 'H2': 'h2', > 61 | 'H3': 'h3', | ^ 62 | 'H4': 'h4', 63 | 'H5': 'h5', 64 | 'H6': 'h6', error: Replace `'H4'` with `H4` (prettier/prettier) at src/components/typography/typography.heading.stories.js:62:11: 60 | 'H2': 'h2', 61 | 'H3': 'h3', > 62 | 'H4': 'h4', | ^ 63 | 'H5': 'h5', 64 | 'H6': 'h6', 65 | 'P': 'p', error: Replace `'H5'` with `H5` (prettier/prettier) at src/components/typography/typography.heading.stories.js:63:11: 61 | 'H3': 'h3', 62 | 'H4': 'h4', > 63 | 'H5': 'h5', | ^ 64 | 'H6': 'h6', 65 | 'P': 'p', 66 | 'SMALL': 'small', error: Replace `'H6'` with `H6` (prettier/prettier) at src/components/typography/typography.heading.stories.js:64:11: 62 | 'H4': 'h4', 63 | 'H5': 'h5', > 64 | 'H6': 'h6', | ^ 65 | 'P': 'p', 66 | 'SMALL': 'small', 67 | }, 'h1'), error: Replace `'P'` with `P` (prettier/prettier) at src/components/typography/typography.heading.stories.js:65:11: 63 | 'H5': 'h5', 64 | 'H6': 'h6', > 65 | 'P': 'p', | ^ 66 | 'SMALL': 'small', 67 | }, 'h1'), 68 | }, error: Replace `'SMALL'` with `SMALL` (prettier/prettier) at src/components/typography/typography.heading.stories.js:66:11: 64 | 'H6': 'h6', 65 | 'P': 'p', > 66 | 'SMALL': 'small', | ^ 67 | }, 'h1'), 68 | }, 69 | style: { error: Replace `·'h1')` with `⏎········'h1'` (prettier/prettier) at src/components/typography/typography.heading.stories.js:67:11: 65 | 'P': 'p', 66 | 'SMALL': 'small', > 67 | }, 'h1'), | ^ 68 | }, 69 | style: { 70 | default: select('Style', { error: Replace `}` with `)` (prettier/prettier) at src/components/typography/typography.heading.stories.js:68:7: 66 | 'SMALL': 'small', 67 | }, 'h1'), > 68 | }, | ^ 69 | style: { 70 | default: select('Style', { 71 | 'Heading 1': 'heading-1', error: Insert `},⏎··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:69:5: 67 | }, 'h1'), 68 | }, > 69 | style: { | ^ 70 | default: select('Style', { 71 | 'Heading 1': 'heading-1', 72 | 'Heading 2': 'heading-2', error: Replace `········default:·select('Style',` with `······default:·select(⏎········'Style',⏎·······` (prettier/prettier) at src/components/typography/typography.heading.stories.js:70:1: 68 | }, 69 | style: { > 70 | default: select('Style', { | ^ 71 | 'Heading 1': 'heading-1', 72 | 'Heading 2': 'heading-2', 73 | 'Heading 3': 'heading-3', error: Replace `'Copy'` with `Copy` (prettier/prettier) at src/components/typography/typography.heading.stories.js:77:11: 75 | 'Heading 5': 'heading-5', 76 | 'Heading 6': 'heading-6', > 77 | 'Copy': 'copy', | ^ 78 | 'Lead copy': 'copy--lead', 79 | 'Small copy': 'copy--small', 80 | }, 'heading-1'), error: Replace `·'heading-1')` with `⏎········'heading-1'` (prettier/prettier) at src/components/typography/typography.heading.stories.js:80:11: 78 | 'Lead copy': 'copy--lead', 79 | 'Small copy': 'copy--small', > 80 | }, 'heading-1'), | ^ 81 | }, 82 | }, 83 | })); error: Replace `}` with `)` (prettier/prettier) at src/components/typography/typography.heading.stories.js:81:7: 79 | 'Small copy': 'copy--small', 80 | }, 'heading-1'), > 81 | }, | ^ 82 | }, 83 | })); 84 | error: Insert `,⏎}` (prettier/prettier) at src/components/typography/typography.heading.stories.js:83:4: 81 | }, 82 | }, > 83 | })); | ^ 84 | error: Delete `··` (prettier/prettier) at src/components/typography/typography.heading.stories.js:84:1: 82 | }, 83 | })); > 84 | | ^ 54 errors found. 54 errors potentially fixable with the `--fix` option. ./src/components/typography/typography.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/typography/typography.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/proof', module);\n\nstory.addDecorator(withKnobs);\n\nstory\n .add('all', () => ({\n template: `\n<div>\n <h1>{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n .add('with modifiers', () => ({\n template: `<div>\n <h1 :class=\"classes\">{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'copy--verse': this.verse,\n };\n },\n },\n props: {\n verse: {\n default: boolean('Verse', false),\n },\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n\n .add('Heading 1', function() {\n return `\n <h1>H1 heading</h1>\n `;\n })\n\n .add('Heading 2', function() {\n return `\n <h2>H1 heading</h2>\n `;\n })\n\n .add('Heading 3', function() {\n return `\n <h3>H3 heading</h3>\n `;\n })\n\n .add('Heading 4', function() {\n return `\n <h4>H4 heading</h4>\n `;\n })\n\n .add(\n 'Paragraphs',\n () => `\n <p>An example of a paragraph.</p>\n `\n );\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/typography/typography.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/proof', module);\n\nstory.addDecorator(withKnobs);\n\nstory\n .add('all', () => ({\n template: `\n<div>\n <h1>{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n .add('with modifiers', () => ({\n template: `<div>\n <h1 :class=\"classes\">{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'copy--verse': this.verse,\n };\n },\n },\n props: {\n verse: {\n default: boolean('Verse', false),\n },\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n\n .add('Heading 1', function() {\n return `\n <h1>H1 heading</h1>\n `;\n })\n\n .add('Heading 2', function() {\n return `\n <h2>H1 heading</h2>\n `;\n })\n\n .add('Heading 3', function() {\n return `\n <h3>H3 heading</h3>\n `;\n })\n\n .add('Heading 4', function() {\n return `\n <h4>H4 heading</h4>\n `;\n })\n\n .add(\n 'Paragraphs',\n () => `\n <p>An example of a paragraph.</p>\n `\n );\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/typography/typography.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/proof', module);\n\nstory.addDecorator(withKnobs);\n\nstory\n .add('all', () => ({\n template: `\n<div>\n <h1>{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n .add('with modifiers', () => ({\n template: `<div>\n <h1 :class=\"classes\">{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'copy--verse': this.verse,\n };\n },\n },\n props: {\n verse: {\n default: boolean('Verse', false),\n },\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n\n .add('Heading 1', function() {\n return `\n <h1>H1 heading</h1>\n `;\n })\n\n .add('Heading 2', function() {\n return `\n <h2>H1 heading</h2>\n `;\n })\n\n .add('Heading 3', function() {\n return `\n <h3>H3 heading</h3>\n `;\n })\n\n .add('Heading 4', function() {\n return `\n <h4>H4 heading</h4>\n `;\n })\n\n .add(\n 'Paragraphs',\n () => `\n <p>An example of a paragraph.</p>\n `\n );\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs, text, boolean } from '@storybook/addon-knobs';\n\nconst story = storiesOf('Typography/proof', module);\n\nstory.addDecorator(withKnobs);\n\nstory\n .add('all', () => ({\n template: `\n<div>\n <h1>{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n props: {\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n .add('with modifiers', () => ({\n template: `<div>\n <h1 :class=\"classes\">{{ h1Text }}<br />Leading: {{ h1Text }}</h1>\n <h2>{{ h2Text }}<br />Leading: {{ h2Text }}</h2>\n <h3>{{ h3Text }}<br />Leading: {{ h3Text }}</h3>\n <h4>{{ h4Text }}<br />Leading: {{ h4Text }}</h4>\n <h5>{{ h5Text }}<br />Leading: {{ h5Text }}</h5>\n <h6>{{ h6Text }}<br />Leading: {{ h6Text }}</h6>\n\n <p class=\"copy--lead\">An example of a lead paragraph.<br />Wrapped to see the leading</p>\n\n <p>An example of a paragraph.<br />Wrapped to see the leading.<br />Another leading line.</p>\n <ul>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n <li>An unordered list item</li>\n </ul>\n <ol>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n <li>An ordered list item</li>\n </ol>\n <p>1234567890</p>\n <p>abcdefghijklmnopqrstuvwxyz</p>\n <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\n <p>@&pound;&amp;.,()*\",&rsquo;&lsquo;&rdquo;&ldquo;</p>\n </div>`,\n data() {\n return {\n storyValue: '',\n };\n },\n computed: {\n classes() {\n return {\n 'copy--verse': this.verse,\n };\n },\n },\n props: {\n verse: {\n default: boolean('Verse', false),\n },\n h1Text: {\n default: text('H1 text', 'Heading 1'),\n },\n h2Text: {\n default: text('H2 text', 'Heading 2'),\n },\n h3Text: {\n default: text('H3 text', 'Heading 3'),\n },\n h4Text: {\n default: text('H4 text', 'Heading 4'),\n },\n h5Text: {\n default: text('H5 text', 'Heading 5'),\n },\n h6Text: {\n default: text('H6 text', 'Heading 6'),\n },\n },\n }))\n\n .add('Heading 1', function() {\n return `\n <h1>H1 heading</h1>\n `;\n })\n\n .add('Heading 2', function() {\n return `\n <h2>H1 heading</h2>\n `;\n })\n\n .add('Heading 3', function() {\n return `\n <h3>H3 heading</h3>\n `;\n })\n\n .add('Heading 4', function() {\n return `\n <h4>H4 heading</h4>\n `;\n })\n\n .add(\n 'Paragraphs',\n () => `\n <p>An example of a paragraph.</p>\n `\n );\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/typography/typography.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; 9 | error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/typography/typography.stories.js:10:66: 8 | import { withKnobs, text, boolean } from '@storybook/addon-knobs'; 9 | > 10 | const story = storiesOf('Typography/proof', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 11 | 12 | story.addDecorator(withKnobs); 13 | error: Delete `⏎··` (prettier/prettier) at src/components/typography/typography.stories.js:167:1: 165 | `, 166 | ); > 167 | | ^ 168 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/components/utility/utility.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/components/utility/utility.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport TheUtility from './TheUtility';\n\nconst story = storiesOf('Utility', module);\n\nstory.addDecorator(withKnobs).add('as a component', () => ({\n components: { TheUtility },\n template: '<the-utility></the-utility>',\n}));\n"; 4 | export var __ADDS_MAP__ = {}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/components/utility/utility.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport TheUtility from './TheUtility';\n\nconst story = storiesOf('Utility', module);\n\nstory.addDecorator(withKnobs).add('as a component', () => ({\n components: { TheUtility },\n template: '<the-utility></the-utility>',\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Delete `··` (prettier/prettier) at src/components/utility/utility.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport TheUtility from './TheUtility';\n\nconst story = storiesOf('Utility', module);\n\nstory.addDecorator(withKnobs).add('as a component', () => ({\n components: { TheUtility },\n template: '<the-utility></the-utility>',\n}));\n"; > 4 | export var __ADDS_MAP__ = {}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/components/utility/utility.stories.js:5:1: 3 | export var __STORY__ = "import { storiesOf } from '@storybook/vue';\nimport { withKnobs } from '@storybook/addon-knobs';\nimport TheUtility from './TheUtility';\n\nconst story = storiesOf('Utility', module);\n\nstory.addDecorator(withKnobs).add('as a component', () => ({\n components: { TheUtility },\n template: '<the-utility></the-utility>',\n}));\n"; 4 | export var __ADDS_MAP__ = {}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs } from '@storybook/addon-knobs'; error: Delete `··` (prettier/prettier) at src/components/utility/utility.stories.js:6:1: 4 | export var __ADDS_MAP__ = {}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import { storiesOf } from '@storybook/vue'; 8 | import { withKnobs } from '@storybook/addon-knobs'; 9 | import TheUtility from './TheUtility'; error: Replace `withStorySource(__STORY__,·__ADDS_MAP__)` with `⏎··withStorySource(__STORY__,·__ADDS_MAP__),⏎` (prettier/prettier) at src/components/utility/utility.stories.js:11:57: 9 | import TheUtility from './TheUtility'; 10 | > 11 | const story = storiesOf('Utility', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)); | ^ 12 | 13 | story.addDecorator(withKnobs).add('as a component', () => ({ 14 | components: { TheUtility }, error: Delete `⏎··` (prettier/prettier) at src/components/utility/utility.stories.js:17:1: 15 | template: '<the-utility></the-utility>', 16 | })); > 17 | | ^ 18 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/compounds/cookie-choice/cookie-choice.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport { storiesOf } from '@storybook/vue';\nimport CookieChoice from './CookieChoice';\nimport SButton from '../../components/button/Button';\nimport VueCookies from 'vue-cookies';\nimport CookiesEnums from '../../enums/cookies';\nimport StoryRouter from 'storybook-vue-router';\n\nVue.use(VueCookies);\nVueCookies.config('7d');\n\nstoriesOf('Cookie choice', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/cookies',\n name: 'cookies',\n component: { template: '<div>Cookies</div>' },\n },\n ],\n }\n )\n )\n .add('as a component', () => ({\n components: { CookieChoice, SButton },\n\n template: `\n <div>\n <cookie-choice :key=\"state\" />\n <s-button @click=\"resetCookie\">Open cookie choice</s-button>\n </div>\n `,\n\n data() {\n return {\n state: 1,\n openCookieChoice: true,\n };\n },\n\n methods: {\n resetCookie() {\n this.$cookies.set(CookiesEnums.COOKIE_CHOICE, 0);\n this.openCookieChoice = false;\n this.state += 1;\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import Vue from 'vue';\nimport { storiesOf } from '@storybook/vue';\nimport CookieChoice from './CookieChoice';\nimport SButton from '../../components/button/Button';\nimport VueCookies from 'vue-cookies';\nimport CookiesEnums from '../../enums/cookies';\nimport StoryRouter from 'storybook-vue-router';\n\nVue.use(VueCookies);\nVueCookies.config('7d');\n\nstoriesOf('Cookie choice', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/cookies',\n name: 'cookies',\n component: { template: '<div>Cookies</div>' },\n },\n ],\n }\n )\n )\n .add('as a component', () => ({\n components: { CookieChoice, SButton },\n\n template: `\n <div>\n <cookie-choice :key=\"state\" />\n <s-button @click=\"resetCookie\">Open cookie choice</s-button>\n </div>\n `,\n\n data() {\n return {\n state: 1,\n openCookieChoice: true,\n };\n },\n\n methods: {\n resetCookie() {\n this.$cookies.set(CookiesEnums.COOKIE_CHOICE, 0);\n this.openCookieChoice = false;\n this.state += 1;\n },\n },\n }));\n"; | ^ 4 | export var __ADDS_MAP__ = {"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}` with `export·var·__ADDS_MAP__·=·{⏎··'cookie-choice--as-a-component':·{⏎····startLoc:·{·col:·7,·line:·27·},⏎····endLoc:·{·col:·4,·line:·51·},⏎··},⏎` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport { storiesOf } from '@storybook/vue';\nimport CookieChoice from './CookieChoice';\nimport SButton from '../../components/button/Button';\nimport VueCookies from 'vue-cookies';\nimport CookiesEnums from '../../enums/cookies';\nimport StoryRouter from 'storybook-vue-router';\n\nVue.use(VueCookies);\nVueCookies.config('7d');\n\nstoriesOf('Cookie choice', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/cookies',\n name: 'cookies',\n component: { template: '<div>Cookies</div>' },\n },\n ],\n }\n )\n )\n .add('as a component', () => ({\n components: { CookieChoice, SButton },\n\n template: `\n <div>\n <cookie-choice :key=\"state\" />\n <s-button @click=\"resetCookie\">Open cookie choice</s-button>\n </div>\n `,\n\n data() {\n return {\n state: 1,\n openCookieChoice: true,\n };\n },\n\n methods: {\n resetCookie() {\n this.$cookies.set(CookiesEnums.COOKIE_CHOICE, 0);\n this.openCookieChoice = false;\n this.state += 1;\n },\n },\n }));\n"; > 4 | export var __ADDS_MAP__ = {"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; error: Delete `··` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:5:1: 3 | export var __STORY__ = "import Vue from 'vue';\nimport { storiesOf } from '@storybook/vue';\nimport CookieChoice from './CookieChoice';\nimport SButton from '../../components/button/Button';\nimport VueCookies from 'vue-cookies';\nimport CookiesEnums from '../../enums/cookies';\nimport StoryRouter from 'storybook-vue-router';\n\nVue.use(VueCookies);\nVueCookies.config('7d');\n\nstoriesOf('Cookie choice', module)\n .addDecorator(\n StoryRouter(\n {},\n {\n routes: [\n {\n path: '/cookies',\n name: 'cookies',\n component: { template: '<div>Cookies</div>' },\n },\n ],\n }\n )\n )\n .add('as a component', () => ({\n components: { CookieChoice, SButton },\n\n template: `\n <div>\n <cookie-choice :key=\"state\" />\n <s-button @click=\"resetCookie\">Open cookie choice</s-button>\n </div>\n `,\n\n data() {\n return {\n state: 1,\n openCookieChoice: true,\n };\n },\n\n methods: {\n resetCookie() {\n this.$cookies.set(CookiesEnums.COOKIE_CHOICE, 0);\n this.openCookieChoice = false;\n this.state += 1;\n },\n },\n }));\n"; 4 | export var __ADDS_MAP__ = {"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; 8 | import { storiesOf } from '@storybook/vue'; error: Delete `··` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"cookie-choice--as-a-component":{"startLoc":{"col":7,"line":27},"endLoc":{"col":4,"line":51}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import Vue from 'vue'; 8 | import { storiesOf } from '@storybook/vue'; 9 | import CookieChoice from './CookieChoice'; error: Insert `⏎··` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:18:35: 16 | VueCookies.config('7d'); 17 | > 18 | storiesOf('Cookie choice', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)) | ^ 19 | .addDecorator( 20 | StoryRouter( 21 | {}, error: Delete `⏎··` (prettier/prettier) at src/compounds/cookie-choice/cookie-choice.stories.js:58:1: 56 | }, 57 | })); > 58 | | ^ 59 | 7 errors found. 7 errors potentially fixable with the `--fix` option. ./src/compounds/flyout-menu/flyout-menu.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Card from '../../components/card/Card';\nimport EmailIcon from '../../components/icon/EmailIcon';\nimport FlyoutMenu from './FlyoutMenu';\nimport FlyoutMenuItem from './FlyoutMenuItem';\nimport { storiesOf } from '@storybook/vue';\n\nstoriesOf('FlyoutMenu', module).add('as a component', () => ({\n components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon },\n template: `\n <flyout-menu canvas>\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Valuation\">\n <template v-slot:label>\n <h3 class=\"flyout-menu__trigger__heading\">Valuation</h3>\n </template>\n\n <template v-slot:content>\n Example content\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Key features\" :flyoutContent=\"keyFeaturesContent\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Demographics\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n </flyout-menu>\n `,\n data() {\n return {\n keyFeaturesContent: {\n zooplaPropertyId: 20847574,\n lastSalePrice: '230000',\n tenureType: 'freehold',\n propertyType: 'end_terrace',\n numBedrooms: '3',\n numBathrooms: '1',\n numReceptions: '3',\n },\n demographics: {\n deprivation: 6,\n health: 87,\n },\n };\n },\n methods: {\n handleToggle(payload) {\n console.log(payload);\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import Vue from 'vue';\nimport Card from '../../components/card/Card';\nimport EmailIcon from '../../components/icon/EmailIcon';\nimport FlyoutMenu from './FlyoutMenu';\nimport FlyoutMenuItem from './FlyoutMenuItem';\nimport { storiesOf } from '@storybook/vue';\n\nstoriesOf('FlyoutMenu', module).add('as a component', () => ({\n components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon },\n template: `\n <flyout-menu canvas>\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Valuation\">\n <template v-slot:label>\n <h3 class=\"flyout-menu__trigger__heading\">Valuation</h3>\n </template>\n\n <template v-slot:content>\n Example content\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Key features\" :flyoutContent=\"keyFeaturesContent\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Demographics\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n </flyout-menu>\n `,\n data() {\n return {\n keyFeaturesContent: {\n zooplaPropertyId: 20847574,\n lastSalePrice: '230000',\n tenureType: 'freehold',\n propertyType: 'end_terrace',\n numBedrooms: '3',\n numBathrooms: '1',\n numReceptions: '3',\n },\n demographics: {\n deprivation: 6,\n health: 87,\n },\n };\n },\n methods: {\n handleToggle(payload) {\n console.log(payload);\n },\n },\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}` with `export·var·__ADDS_MAP__·=·{⏎··'flyoutmenu--as-a-component':·{⏎····startLoc:·{·col:·36,·line:·8·},⏎····endLoc:·{·col:·2,·line:·57·},⏎··},⏎` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Card from '../../components/card/Card';\nimport EmailIcon from '../../components/icon/EmailIcon';\nimport FlyoutMenu from './FlyoutMenu';\nimport FlyoutMenuItem from './FlyoutMenuItem';\nimport { storiesOf } from '@storybook/vue';\n\nstoriesOf('FlyoutMenu', module).add('as a component', () => ({\n components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon },\n template: `\n <flyout-menu canvas>\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Valuation\">\n <template v-slot:label>\n <h3 class=\"flyout-menu__trigger__heading\">Valuation</h3>\n </template>\n\n <template v-slot:content>\n Example content\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Key features\" :flyoutContent=\"keyFeaturesContent\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Demographics\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n </flyout-menu>\n `,\n data() {\n return {\n keyFeaturesContent: {\n zooplaPropertyId: 20847574,\n lastSalePrice: '230000',\n tenureType: 'freehold',\n propertyType: 'end_terrace',\n numBedrooms: '3',\n numBathrooms: '1',\n numReceptions: '3',\n },\n demographics: {\n deprivation: 6,\n health: 87,\n },\n };\n },\n methods: {\n handleToggle(payload) {\n console.log(payload);\n },\n },\n}));\n"; > 4 | export var __ADDS_MAP__ = {"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; error: Delete `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:5:1: 3 | export var __STORY__ = "import Vue from 'vue';\nimport Card from '../../components/card/Card';\nimport EmailIcon from '../../components/icon/EmailIcon';\nimport FlyoutMenu from './FlyoutMenu';\nimport FlyoutMenuItem from './FlyoutMenuItem';\nimport { storiesOf } from '@storybook/vue';\n\nstoriesOf('FlyoutMenu', module).add('as a component', () => ({\n components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon },\n template: `\n <flyout-menu canvas>\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Valuation\">\n <template v-slot:label>\n <h3 class=\"flyout-menu__trigger__heading\">Valuation</h3>\n </template>\n\n <template v-slot:content>\n Example content\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Key features\" :flyoutContent=\"keyFeaturesContent\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n\n <flyout-menu-item @toggle=\"handleToggle\" label=\"Demographics\">\n <template v-slot:label-icon>\n <email-icon />\n </template>\n </flyout-menu-item>\n </flyout-menu>\n `,\n data() {\n return {\n keyFeaturesContent: {\n zooplaPropertyId: 20847574,\n lastSalePrice: '230000',\n tenureType: 'freehold',\n propertyType: 'end_terrace',\n numBedrooms: '3',\n numBathrooms: '1',\n numReceptions: '3',\n },\n demographics: {\n deprivation: 6,\n health: 87,\n },\n };\n },\n methods: {\n handleToggle(payload) {\n console.log(payload);\n },\n },\n}));\n"; 4 | export var __ADDS_MAP__ = {"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; 8 | import Card from '../../components/card/Card'; error: Delete `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"flyoutmenu--as-a-component":{"startLoc":{"col":36,"line":8},"endLoc":{"col":2,"line":57}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import Vue from 'vue'; 8 | import Card from '../../components/card/Card'; 9 | import EmailIcon from '../../components/icon/EmailIcon'; error: 'Vue' is defined but never used (no-unused-vars) at src/compounds/flyout-menu/flyout-menu.stories.js:7:8: 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ > 7 | import Vue from 'vue'; | ^ 8 | import Card from '../../components/card/Card'; 9 | import EmailIcon from '../../components/icon/EmailIcon'; 10 | import FlyoutMenu from './FlyoutMenu'; error: Replace `.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))` with `⏎··.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))⏎··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:14:32: 12 | import { storiesOf } from '@storybook/vue'; 13 | > 14 | storiesOf('FlyoutMenu', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ | ^ 15 | components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon }, 16 | template: ` 17 | <flyout-menu canvas> error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:15:1: 13 | 14 | storiesOf('FlyoutMenu', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ > 15 | components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon }, | ^ 16 | template: ` 17 | <flyout-menu canvas> 18 | <flyout-menu-item @toggle="handleToggle" label="Valuation"> error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:16:1: 14 | storiesOf('FlyoutMenu', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ 15 | components: { Card, FlyoutMenu, FlyoutMenuItem, EmailIcon }, > 16 | template: ` | ^ 17 | <flyout-menu canvas> 18 | <flyout-menu-item @toggle="handleToggle" label="Valuation"> 19 | <template v-slot:label> error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:41:3: 39 | </flyout-menu> 40 | `, > 41 | data() { | ^ 42 | return { 43 | keyFeaturesContent: { 44 | zooplaPropertyId: 20847574, error: Replace `····` with `······` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:42:1: 40 | `, 41 | data() { > 42 | return { | ^ 43 | keyFeaturesContent: { 44 | zooplaPropertyId: 20847574, 45 | lastSalePrice: '230000', error: Replace `······` with `········` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:43:1: 41 | data() { 42 | return { > 43 | keyFeaturesContent: { | ^ 44 | zooplaPropertyId: 20847574, 45 | lastSalePrice: '230000', 46 | tenureType: 'freehold', error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:44:1: 42 | return { 43 | keyFeaturesContent: { > 44 | zooplaPropertyId: 20847574, | ^ 45 | lastSalePrice: '230000', 46 | tenureType: 'freehold', 47 | propertyType: 'end_terrace', error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:45:1: 43 | keyFeaturesContent: { 44 | zooplaPropertyId: 20847574, > 45 | lastSalePrice: '230000', | ^ 46 | tenureType: 'freehold', 47 | propertyType: 'end_terrace', 48 | numBedrooms: '3', error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:46:9: 44 | zooplaPropertyId: 20847574, 45 | lastSalePrice: '230000', > 46 | tenureType: 'freehold', | ^ 47 | propertyType: 'end_terrace', 48 | numBedrooms: '3', 49 | numBathrooms: '1', error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:47:1: 45 | lastSalePrice: '230000', 46 | tenureType: 'freehold', > 47 | propertyType: 'end_terrace', | ^ 48 | numBedrooms: '3', 49 | numBathrooms: '1', 50 | numReceptions: '3', error: Replace `········` with `··········` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:48:1: 46 | tenureType: 'freehold', 47 | propertyType: 'end_terrace', > 48 | numBedrooms: '3', | ^ 49 | numBathrooms: '1', 50 | numReceptions: '3', 51 | }, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:49:1: 47 | propertyType: 'end_terrace', 48 | numBedrooms: '3', > 49 | numBathrooms: '1', | ^ 50 | numReceptions: '3', 51 | }, 52 | demographics: { error: Replace `········` with `··········` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:50:1: 48 | numBedrooms: '3', 49 | numBathrooms: '1', > 50 | numReceptions: '3', | ^ 51 | }, 52 | demographics: { 53 | deprivation: 6, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:51:7: 49 | numBathrooms: '1', 50 | numReceptions: '3', > 51 | }, | ^ 52 | demographics: { 53 | deprivation: 6, 54 | health: 87, error: Replace `······` with `········` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:52:1: 50 | numReceptions: '3', 51 | }, > 52 | demographics: { | ^ 53 | deprivation: 6, 54 | health: 87, 55 | }, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:53:1: 51 | }, 52 | demographics: { > 53 | deprivation: 6, | ^ 54 | health: 87, 55 | }, 56 | }; error: Replace `········` with `··········` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:54:1: 52 | demographics: { 53 | deprivation: 6, > 54 | health: 87, | ^ 55 | }, 56 | }; 57 | }, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:55:7: 53 | deprivation: 6, 54 | health: 87, > 55 | }, | ^ 56 | }; 57 | }, 58 | methods: { error: Replace `····` with `······` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:56:1: 54 | health: 87, 55 | }, > 56 | }; | ^ 57 | }, 58 | methods: { 59 | handleToggle(payload) { error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:57:1: 55 | }, 56 | }; > 57 | }, | ^ 58 | methods: { 59 | handleToggle(payload) { 60 | console.log(payload); error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:58:3: 56 | }; 57 | }, > 58 | methods: { | ^ 59 | handleToggle(payload) { 60 | console.log(payload); 61 | }, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:59:1: 57 | }, 58 | methods: { > 59 | handleToggle(payload) { | ^ 60 | console.log(payload); 61 | }, 62 | }, error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:60:7: 58 | methods: { 59 | handleToggle(payload) { > 60 | console.log(payload); | ^ 61 | }, 62 | }, 63 | })); warning: Unexpected console statement (no-console) at src/compounds/flyout-menu/flyout-menu.stories.js:60:7: 58 | methods: { 59 | handleToggle(payload) { > 60 | console.log(payload); | ^ 61 | }, 62 | }, 63 | })); error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:61:1: 59 | handleToggle(payload) { 60 | console.log(payload); > 61 | }, | ^ 62 | }, 63 | })); 64 | error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:62:3: 60 | console.log(payload); 61 | }, > 62 | }, | ^ 63 | })); 64 | 65 | error: Insert `··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:63:1: 61 | }, 62 | }, > 63 | })); | ^ 64 | 65 | error: Delete `⏎··` (prettier/prettier) at src/compounds/flyout-menu/flyout-menu.stories.js:64:1: 62 | }, 63 | })); > 64 | | ^ 65 | 33 errors and 1 warning found. 32 errors potentially fixable with the `--fix` option. ./src/compounds/login/login.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/compounds/login/login.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheLogin from './TheLogin';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Login', module).add('as a component', () => ({\n components: { TheLogin },\n template: '<the-login />',\n router: new VueRouter(),\n}));\n"; 4 | export var __ADDS_MAP__ = {"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/compounds/login/login.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheLogin from './TheLogin';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Login', module).add('as a component', () => ({\n components: { TheLogin },\n template: '<the-login />',\n router: new VueRouter(),\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}` with `export·var·__ADDS_MAP__·=·{⏎··'login--as-a-component':·{⏎····startLoc:·{·col:·31,·line:·10·},⏎····endLoc:·{·col:·2,·line:·14·},⏎··},⏎` (prettier/prettier) at src/compounds/login/login.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheLogin from './TheLogin';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Login', module).add('as a component', () => ({\n components: { TheLogin },\n template: '<the-login />',\n router: new VueRouter(),\n}));\n"; > 4 | export var __ADDS_MAP__ = {"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; error: Delete `··` (prettier/prettier) at src/compounds/login/login.stories.js:5:1: 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheLogin from './TheLogin';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Login', module).add('as a component', () => ({\n components: { TheLogin },\n template: '<the-login />',\n router: new VueRouter(),\n}));\n"; 4 | export var __ADDS_MAP__ = {"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; 8 | import Vuelidate from 'vuelidate'; error: Delete `··` (prettier/prettier) at src/compounds/login/login.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"login--as-a-component":{"startLoc":{"col":31,"line":10},"endLoc":{"col":2,"line":14}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import Vue from 'vue'; 8 | import Vuelidate from 'vuelidate'; 9 | import VueRouter from 'vue-router'; error: Replace `.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))` with `⏎··.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))⏎··` (prettier/prettier) at src/compounds/login/login.stories.js:16:27: 14 | Vue.use(VueRouter); 15 | > 16 | storiesOf('Login', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ | ^ 17 | components: { TheLogin }, 18 | template: '<the-login />', 19 | router: new VueRouter(), error: Insert `··` (prettier/prettier) at src/compounds/login/login.stories.js:17:3: 15 | 16 | storiesOf('Login', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ > 17 | components: { TheLogin }, | ^ 18 | template: '<the-login />', 19 | router: new VueRouter(), 20 | })); error: Replace `··` with `····` (prettier/prettier) at src/compounds/login/login.stories.js:18:1: 16 | storiesOf('Login', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ 17 | components: { TheLogin }, > 18 | template: '<the-login />', | ^ 19 | router: new VueRouter(), 20 | })); 21 | error: Insert `··` (prettier/prettier) at src/compounds/login/login.stories.js:19:3: 17 | components: { TheLogin }, 18 | template: '<the-login />', > 19 | router: new VueRouter(), | ^ 20 | })); 21 | 22 | error: Insert `··` (prettier/prettier) at src/compounds/login/login.stories.js:20:1: 18 | template: '<the-login />', 19 | router: new VueRouter(), > 20 | })); | ^ 21 | 22 | error: Delete `⏎··` (prettier/prettier) at src/compounds/login/login.stories.js:21:1: 19 | router: new VueRouter(), 20 | })); > 21 | | ^ 22 | 11 errors found. 11 errors potentially fixable with the `--fix` option. ./src/compounds/register/register.stories.js Module Warning (from ./node_modules/eslint-loader/index.js): error: Replace `⏎··export·var·withStorySource·=·require('@storybook/addon-storysource')` with `export·var·withStorySource·=·require('@storybook/addon-storysource')⏎··` (prettier/prettier) at src/compounds/register/register.stories.js:1:1: > 1 | | ^ 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheRegister from './TheRegister';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Register', module).add('as a component', () => ({\n components: { TheRegister },\n template: '<the-register />',\n router: new VueRouter(),\n}));\n"; 4 | export var __ADDS_MAP__ = {"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}}; error: Replace `··export·var·__STORY__·=` with `export·var·__STORY__·=⏎·` (prettier/prettier) at src/compounds/register/register.stories.js:3:1: 1 | 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; > 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheRegister from './TheRegister';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Register', module).add('as a component', () => ({\n components: { TheRegister },\n template: '<the-register />',\n router: new VueRouter(),\n}));\n"; | ^ 4 | export var __ADDS_MAP__ = {"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}}; 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ error: Replace `··export·var·__ADDS_MAP__·=·{"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}` with `export·var·__ADDS_MAP__·=·{⏎··'register--as-a-component':·{⏎····startLoc:·{·col:·34,·line:·10·},⏎····endLoc:·{·col:·2,·line:·14·},⏎··},⏎` (prettier/prettier) at src/compounds/register/register.stories.js:4:1: 2 | export var withStorySource = require('@storybook/addon-storysource').withStorySource; 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheRegister from './TheRegister';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Register', module).add('as a component', () => ({\n components: { TheRegister },\n template: '<the-register />',\n router: new VueRouter(),\n}));\n"; > 4 | export var __ADDS_MAP__ = {"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}}; | ^ 5 | 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; error: Delete `··` (prettier/prettier) at src/compounds/register/register.stories.js:5:1: 3 | export var __STORY__ = "import Vue from 'vue';\nimport Vuelidate from 'vuelidate';\nimport VueRouter from 'vue-router';\nimport { storiesOf } from '@storybook/vue';\nimport TheRegister from './TheRegister';\n\nVue.use(Vuelidate);\nVue.use(VueRouter);\n\nstoriesOf('Register', module).add('as a component', () => ({\n components: { TheRegister },\n template: '<the-register />',\n router: new VueRouter(),\n}));\n"; 4 | export var __ADDS_MAP__ = {"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}}; > 5 | | ^ 6 | /* eslint-disable import/no-extraneous-dependencies */ 7 | import Vue from 'vue'; 8 | import Vuelidate from 'vuelidate'; error: Delete `··` (prettier/prettier) at src/compounds/register/register.stories.js:6:1: 4 | export var __ADDS_MAP__ = {"register--as-a-component":{"startLoc":{"col":34,"line":10},"endLoc":{"col":2,"line":14}}}; 5 | > 6 | /* eslint-disable import/no-extraneous-dependencies */ | ^ 7 | import Vue from 'vue'; 8 | import Vuelidate from 'vuelidate'; 9 | import VueRouter from 'vue-router'; error: Replace `.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))` with `⏎··.addDecorator(withStorySource(__STORY__,·__ADDS_MAP__))⏎··` (prettier/prettier) at src/compounds/register/register.stories.js:16:30: 14 | Vue.use(VueRouter); 15 | > 16 | storiesOf('Register', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ | ^ 17 | components: { TheRegister }, 18 | template: '<the-register />', 19 | router: new VueRouter(), error: Insert `··` (prettier/prettier) at src/compounds/register/register.stories.js:17:3: 15 | 16 | storiesOf('Register', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ > 17 | components: { TheRegister }, | ^ 18 | template: '<the-register />', 19 | router: new VueRouter(), 20 | })); error: Replace `··` with `····` (prettier/prettier) at src/compounds/register/register.stories.js:18:1: 16 | storiesOf('Register', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('as a component', () => ({ 17 | components: { TheRegister }, > 18 | template: '<the-register />', | ^ 19 | router: new VueRouter(), 20 | })); 21 | error: Insert `··` (prettier/prettier) at src/compounds/register/register.stories.js:19:3: 17 | components: { TheRegister }, 18 | template: '<the-register />', > 19 | router: new VueRouter(), | ^ 20 | })); 21 | 22 | error: Insert `··` (prettier/prettier) at src/compounds/register/register.stories.js:20:1: 18 | template: '<the-register />', 19 | router: new VueRouter(), > 20 | })); | ^ 21 | 22 | error: Delete `⏎··` (prettier/prettier) at src/compounds/register/register.stories.js:21:1: 19 | router: new VueRouter(), 20 | })); > 21 | | ^ 22 | 11 errors found. 11 errors potentially fixable with the `--fix` option. ./src/components/loader/Loader.vue Module Warning (from ./node_modules/eslint-loader/index.js): warning: Prop 'label' requires default value to be set (vue/require-default-prop) at src/components/loader/Loader.vue:53:5: 51 | default: 'strong', 52 | }, > 53 | label: { | ^ 54 | type: String, 55 | value: '', 56 | }, 1 warning found. color: #999933;

console.groupEnd