fix(gmap-vue): fix linter errors on test and examples folder

diegoazh · Nov 23, 2021 · 4479404 · 4479404
1 parent 644d9b6
commit 4479404
Show file tree

Hide file tree

Showing 66 changed files with 1,961 additions and 1,577 deletions.
diff --git a/packages/gmap-vue/.eslintignore b/packages/gmap-vue/.eslintignore
@@ -1,2 +1,3 @@
-examples/vue-google-maps.js
 examples/dist/**
+examples/gmap-vue.js
+examples/examples-index.js
diff --git a/packages/gmap-vue/.eslintrc.yml b/packages/gmap-vue/.eslintrc.yml
@@ -4,30 +4,38 @@ env:
   es6: true
   node: true
 extends:
-  - 'plugin:vue/essential'
-  - 'airbnb-base'
-  - 'prettier'
-  - 'prettier/vue'
-  - 'plugin:eslint-comments/recommended'
+  - plugin:vue/essential
+  - airbnb-base
+  - prettier
+  - prettier/vue
+  - plugin:eslint-comments/recommended
 parserOptions:
-  parser: 'babel-eslint'
+  parser: babel-eslint
   ecmaVersion: 6
   sourceType: module
-  ecmaFeatures: {
+  ecmaFeatures:
     modules: true
-  }
 plugins:
   - vue
-globals: {
+globals:
   google: true
-}
 root: true
-rules: {
-  'eslint-comments/disable-enable-pair': 'error',
-  'eslint-comments/no-aggregating-enable': 'error',
-  'eslint-comments/no-duplicate-disable': 'error',
-  'eslint-comments/no-unlimited-disable': 'error',
-  'eslint-comments/no-unused-disable': 'error',
-  'eslint-comments/no-unused-enable': 'error',
-  'eslint-comments/require-description': ['error', { ignore: ['eslint-enable'] }],
-}
+rules:
+  eslint-comments/disable-enable-pair: error
+  eslint-comments/no-aggregating-enable: error
+  eslint-comments/no-duplicate-disable: error
+  eslint-comments/no-unlimited-disable: error
+  eslint-comments/no-unused-disable: error
+  eslint-comments/no-unused-enable: error
+  eslint-comments/require-description:
+    - error
+    - ignore:
+        - eslint-enable
+  import/no-extraneous-dependencies:
+    - error
+    - devDependencies: true
+      optionalDependencies: false
+      peerDependencies: false
+  no-param-reassign:
+    - error
+    - props: false
diff --git a/packages/gmap-vue/.prettierignore b/packages/gmap-vue/.prettierignore
@@ -0,0 +1,3 @@
+examples/dist/**
+examples/gmap-vue.js
+examples/examples-index.js
diff --git a/packages/gmap-vue/examples/.babelrc b/packages/gmap-vue/examples/.babelrc
@@ -1,16 +1,16 @@
 {
   "presets": [
-    ["@babel/env", {
-      "targets": {
-        "browsers": [
-          "last 2 versions",
-          "safari >= 7"
-        ]
+    [
+      "@babel/env",
+      {
+        "targets": {
+          "browsers": ["last 2 versions", "safari >= 7"]
+        }
       }
-    }]
+    ]
   ],
   "plugins": [
     "transform-inline-environment-variables",
     "minify-dead-code-elimination"
   ]
-}
+}
diff --git a/packages/gmap-vue/examples/.eslintrc.yml b/packages/gmap-vue/examples/.eslintrc.yml
diff --git a/packages/gmap-vue/examples/README.md b/packages/gmap-vue/examples/README.md
@@ -9,5 +9,3 @@ open `all-components.html` in your browser.
 
 If you need to write your own plugin for other Google Map components (e.g. overlays, heat maps)
 refer to `overlay.html` for reference.
-
-
diff --git a/packages/gmap-vue/examples/all-components.html b/packages/gmap-vue/examples/all-components.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>Vue Webpack Example</title>
   </head>
   <body>

diff --git a/packages/gmap-vue/examples/autoapi.html b/packages/gmap-vue/examples/autoapi.html
@@ -4,7 +4,9 @@
   </head>
   <body>
     <div id="app"></div>
-    <script>GENERATE_DOC=true</script>
+    <script>
+      GENERATE_DOC = true;
+    </script>
     <script src="dist/autoapi.js"></script>
   </body>
-</html>
+</html>
diff --git a/packages/gmap-vue/examples/autocomplete.html b/packages/gmap-vue/examples/autocomplete.html
@@ -3,30 +3,44 @@
     <h1>Autocomplete Example (#164)</h1>
     <label>
       AutoComplete
-      <gmap-autocomplete placeholder="This is a placeholder text" @place_changed="setPlace">
+      <gmap-autocomplete
+        placeholder="This is a placeholder text"
+        @place_changed="setPlace"
+      >
       </gmap-autocomplete>
       <button @click="usePlace">Add</button>
     </label>
     <br />
 
-    <Gmap-Map style="width: 600px; height: 300px;" :zoom="1" :center="{lat: 0, lng: 0}">
-      <Gmap-Marker v-for="(marker, index) in markers" :key="index" :position="marker.position"></Gmap-Marker>
-      <Gmap-Marker v-if="this.place" label="&#x2605;" :position="{
+    <Gmap-Map
+      style="width: 600px; height: 300px;"
+      :zoom="1"
+      :center="{lat: 0, lng: 0}"
+    >
+      <Gmap-Marker
+        v-for="(marker, index) in markers"
+        :key="index"
+        :position="marker.position"
+      ></Gmap-Marker>
+      <Gmap-Marker
+        v-if="this.place"
+        label="&#x2605;"
+        :position="{
           lat: this.place.geometry.location.lat(),
           lng: this.place.geometry.location.lng(),
-        }"></Gmap-Marker>
+        }"
+      ></Gmap-Marker>
     </Gmap-Map>
   </div>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
   <script src="gmap-vue.js"></script>
 
   <script>
-
     Vue.use(GmapVue, {
       load: {
         key: 'AIzaSyDf43lPdwlF98RCBsJOFNKOkoEjkwxb5Sc',
-        libraries: 'places'
+        libraries: 'places',
       },
     });
 
@@ -42,23 +56,21 @@ <h1>Autocomplete Example (#164)</h1>
             this.description = description;
           },
           setPlace(place) {
-            this.place = place
+            this.place = place;
           },
           usePlace(place) {
             if (this.place) {
               this.markers.push({
                 position: {
                   lat: this.place.geometry.location.lat(),
                   lng: this.place.geometry.location.lng(),
-                }
-              })
+                },
+              });
               this.place = null;
             }
-          }
-        }
+          },
+        },
       });
     });
-
   </script>
-
 </body>
diff --git a/packages/gmap-vue/examples/basic-autocomplete.html b/packages/gmap-vue/examples/basic-autocomplete.html
@@ -6,23 +6,30 @@ <h1>Changing Default Place updates text box</h1>
     <button @click="setDescription('Seoul')">Set to Seoul</button><br />
     <label>
       Place:
-      <gmap-autocomplete :value="description" placeholder="This is a placeholder text" @place_changed="setPlace"
-        :select-first-on-enter="true">
+      <gmap-autocomplete
+        :value="description"
+        placeholder="This is a placeholder text"
+        @place_changed="setPlace"
+        :select-first-on-enter="true"
+      >
       </gmap-autocomplete>
     </label>
     <br />
-    {{latLng.lat}},
-    {{latLng.lng}}
+    {{latLng.lat}}, {{latLng.lng}}
 
     <div>
       <h2>Options work</h2>
       You cannot find the state of Texas in this
       <label>
         Only locations in Singapore:
-        <gmap-autocomplete :value="description" @place_changed="setPlace" :options="{
+        <gmap-autocomplete
+          :value="description"
+          @place_changed="setPlace"
+          :options="{
             bounds: {north: 1.4, south: 1.2, east: 104, west: 102},
             strictBounds: true
-          }">
+          }"
+        >
         </gmap-autocomplete>
       </label>
     </div>
@@ -33,11 +40,10 @@ <h2>Options work</h2>
   <script src="gmap-vue.js"></script>
 
   <script>
-
     Vue.use(GmapVue, {
       load: {
         key: 'AIzaSyDf43lPdwlF98RCBsJOFNKOkoEjkwxb5Sc',
-        libraries: 'places'
+        libraries: 'places',
       },
     });
 
@@ -46,24 +52,22 @@ <h2>Options work</h2>
         el: '#root',
         data: {
           description: 'Singapore',
-          latLng: {}
+          latLng: {},
         },
         methods: {
           setDescription(description) {
             this.description = description;
           },
           setPlace(place) {
-            if (!place) return
+            if (!place) return;
 
             this.latLng = {
               lat: place.geometry.location.lat(),
               lng: place.geometry.location.lng(),
             };
-          }
-        }
+          },
+        },
       });
     });
-
   </script>
-
 </body>
diff --git a/packages/gmap-vue/examples/basic-kml-layer.html b/packages/gmap-vue/examples/basic-kml-layer.html
@@ -1,7 +1,11 @@
 <body>
   <div id="root">
-    <google-map :center="center" :zoom="7" style="width: 100%; height: 500px">
-      <google-kml-layer v-for="l in kmlLayers" :url="l.url" :clickable="true"></google-kml-layer>
+    <google-map :center="center" :zoom="7" style="width: 100%; height: 500px;">
+      <google-kml-layer
+        v-for="l in kmlLayers"
+        :url="l.url"
+        :clickable="true"
+      ></google-kml-layer>
     </google-map>
   </div>
 
@@ -11,7 +15,7 @@
   <script>
     Vue.use(GmapVue, {
       load: {
-        key: 'AIzaSyDf43lPdwlF98RCBsJOFNKOkoEjkwxb5Sc'
+        key: 'AIzaSyDf43lPdwlF98RCBsJOFNKOkoEjkwxb5Sc',
       },
       // Demonstrating how we can customize the name of the components
       installComponents: false,
@@ -26,14 +30,16 @@
         data: {
           center: {
             lat: -19.257753,
-            lng: 146.823688
+            lng: 146.823688,
           },
-          kmlLayers: [{
-            url: 'https://developers.google.com/maps/documentation/javascript/examples/kml/westcampus.kml'
-          }]
+          kmlLayers: [
+            {
+              url:
+                'https://developers.google.com/maps/documentation/javascript/examples/kml/westcampus.kml',
+            },
+          ],
         },
       });
     });
   </script>
-
 </body>