Adds prop for around

.eslintrc.js

@@ -5,7 +5,6 @@ module.exports = {
   },
   extends: ['eslint:recommended', 'plugin:prettier/recommended', 'plugin:vue/recommended'],
   plugins: ['prettier', 'vue'],
-  parser: 'vue-eslint-parser',
   parserOptions: {
     ecmaVersion: 2020
   },

docs/README.md

@@ -144,6 +144,14 @@ props: {
   bearing: {
     type: [Number, String],
     default: 0
+  },
+  // around (dynamic)
+  around: {
+    type: Array,
+    default: null,
+    validator: function(value) {
+      return value.length === 2
+    }
   }
 },
 ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benchmark-urbanism/vue-mapbox-map",
-  "version": "0.14.10",
+  "version": "0.14.11",
   "description": "A minimalist Vue component wrapping Mapbox GL or MapLibre GL dynamic maps!",
   "homepage": "https://benchmark-urbanism.github.io/vue-mapbox-map/",
   "repository": {
@@ -39,27 +39,26 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@prettier/plugin-pug": "^1.13.5",
+    "@prettier/plugin-pug": "^1.15.2",
     "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-commonjs": "^18.0.0",
-    "@vue/cli-plugin-eslint": "^4.5.12",
-    "@vue/cli-service": "^4.5.12",
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@vue/cli-plugin-eslint": "^4.5.13",
+    "@vue/cli-service": "^4.5.13",
     "@vue/compiler-sfc": "^3.0.11",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "babel-eslint": "10.1.0",
-    "eslint": "7.24.0",
+    "eslint": "7.26.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-vue": "7.9.0",
     "mapbox-gl": "^2.2.0",
     "pug": "^3.0.2",
     "pug-plain-loader": "^1.1.0",
-    "rollup": "2.45.2",
+    "rollup": "2.47.0",
     "rollup-plugin-vue": "6.0.0",
-    "stylelint": "^13.12.0",
+    "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-standard": "^21.0.0",
+    "stylelint-config-standard": "^22.0.0",
     "vue": "2.6.12",
     "vue-template-compiler": "^2.6.12",
-    "vuepress": "1.8.2"
+    "vuepress": "^1.8.2"
   }
 }

src/components/VueMapboxMap.vue

@@ -40,6 +40,14 @@ export default {
     bearing: {
       type: [Number, String],
       default: 0
+    },
+    // around (dynamic)
+    around: {
+      type: Array,
+      default: null,
+      validator: function(value) {
+        return value.length === 2
+      }
     }
   },
   computed: {
@@ -58,7 +66,8 @@ export default {
         center: [this.lng, this.lat],
         zoom: this.zoom,
         bearing: this.bearing,
-        pitch: this.pitch
+        pitch: this.pitch,
+        around: this.around
       }
     }
   },