chore: package.json update, readme and style code fixes

README.md

@@ -15,6 +15,7 @@ This project is pretty fresh, but does the following already:
 - Shows which events are being recorded.
 - Copy to clipboard.
 - Offers configuration options.
+- Allows data-id configuration for element selection.
 
 > Note: we only record clicks etc. on a handful of elements, see the `elements-to-bind-to.js` and `dom-events-to-record.js` files in the code-generator folder for which events. This collection will be expanded in future releases.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "puppeteer-recorder",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "A Chrome extension for recording browser interaction and generating Puppeteer scripts",
   "main": "index.js",
   "scripts": {

src/options/components/App.vue

@@ -41,15 +41,13 @@
             </div>
             <div class="settings-group">
               <label>
-                <input id="options-code-waitForNavigation" type="checkbox" v-model="options.code.waitForNavigation"
-                       @change="save">
+                <input id="options-code-waitForNavigation" type="checkbox" v-model="options.code.waitForNavigation" @change="save">
                 add <code>waitForNavigation</code> lines on navigation
               </label>
             </div>
             <div class="settings-group">
               <label>
-                <input id="options-code-waitForSelectorOnClick" type="checkbox"
-                       v-model="options.code.waitForSelectorOnClick" @change="save">
+                <input id="options-code-waitForSelectorOnClick" type="checkbox" v-model="options.code.waitForSelectorOnClick" @change="save">
                 add <code>waitForSelector</code> lines before every <code>page.click()</code>
               </label>
             </div>
@@ -74,7 +72,7 @@
 </template>
 
 <script>
-  import {defaults as code} from '../../code-generator/CodeGenerator'
+  import { defaults as code } from '../../code-generator/CodeGenerator'
 
   const defaults = {
     code
@@ -95,7 +93,7 @@
     methods: {
       save () {
         this.saving = true
-        this.$chrome.storage.local.set({options: this.options}, () => {
+        this.$chrome.storage.local.set({ options: this.options }, () => {
           console.debug('saved options')
           setTimeout(() => {
             this.saving = false