From 1a5cf0b0753b2f829effcc0cb312aac6b93be06d Mon Sep 17 00:00:00 2001
From: Fawad Mirzad <mirzad@arndtteunissen.de>
Date: Fri, 5 Feb 2021 10:28:33 +0100
Subject: [PATCH] Fix maps break when no prop is available

---
 .eslintrc.js          | 30 ++++++++++++++++++++++++++++++
 components/Marker.vue |  6 ++++--
 package.json          |  2 +-
 3 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 .eslintrc.js
 mode change 100755 => 100644 package.json

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..42d27c3
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,30 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/prettier",
+    "plugin:cypress/recommended"
+  ],
+  parserOptions: {
+    parser: "babel-eslint"
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+  },
+  overrides: [
+    {
+      files: [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)"
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+};
diff --git a/components/Marker.vue b/components/Marker.vue
index 41ac159..48ae2ba 100644
--- a/components/Marker.vue
+++ b/components/Marker.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import {inject, ref} from "vue";
+import {inject, ref, computed} from "vue";
 
 export default {
   props: {
@@ -27,7 +27,9 @@ export default {
         "mapPromise"
     );
 
-    if (mapPromise) {
+    const hasLocation = computed(()=> props?.location?.lat && props?.location?.lng);
+
+    if (mapPromise && hasLocation.value) {
       mapPromise.then((googleMap) => {
         const infoWindow = new google.maps.InfoWindow();
         const options = {
diff --git a/package.json b/package.json
old mode 100755
new mode 100644
index 5da9246..39ce749
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fawmi/vue-google-maps",
   "description": "Google Map components for Vue.js 3",
-  "version": "0.2.3",
+  "version": "0.2.6",
   "private": false,
   "main": "index.js",
   "scripts": {