Use default styles for the map component

components/Map.vue

@@ -20,7 +20,7 @@ export default {
       default: "terrain"
     },
     style: {
-      default: "width: 500px; height: 300px"
+      default: []
     },
     options: {
       zoomControl: true,
@@ -50,6 +50,7 @@ export default {
     const mapPromise = mapsLoader.load().then(() => {
       const map = new google.maps.Map(mapContainer.value, {
         zoom: props.zoom,
+        style: props.style,
         center: new google.maps.LatLng(38.423733, 27.142826),
         mapTypeId: "terrain"
       });

package-lock.json

@@ -1,5 +1,5 @@
 {
   "name": "@fawmi/vue-google-maps",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "lockfileVersion": 1
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fawmi/vue-google-maps",
   "description": "Google Map components for Vue.js 3",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": false,
   "main": "index.js",
   "scripts": {