Fix maps break when no prop is available

This commit is contained in:
Fawad Mirzad
2021-02-05 10:28:33 +01:00
parent 35074e9c34
commit 1a5cf0b075
3 changed files with 35 additions and 3 deletions

30
.eslintrc.js Normal file
View File

@@ -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
}
}
]
};

View File

@@ -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 = {

2
package.json Executable file → Normal file
View File

@@ -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": {