Add default styling to avoid frustration of invisible map

.eslintrc.js

@@ -9,7 +9,6 @@ module.exports = {
   },
   // the ts-eslint recommended ruleset sets the parser so we need to set it back
   parser: 'vue-eslint-parser',
-
   parserOptions: {
     ecmaVersion: 2020,
     extraFileExtensions: ['.vue'],
@@ -30,13 +29,4 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
   },
-
-  overrides: [
-    {
-      files: ['*.js'],
-      rules: {
-        '@typescript-eslint/no-var-requires': 'off',
-      },
-    },
-  ],
 }

package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fawmi/vue-google-maps",
   "description": "Google Map components for Vue.js 3",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": false,
-  "main": "src/index.js",
+  "main": "src/main.js",
   "bugs": {
     "url": "https://github.com/xkjyeah/vue-google-maps/issues"
   },

src/components/map.vue

@@ -194,3 +194,10 @@ export default {
   },
 }
 </script>
+<style>
+.vue-map {
+  width: 100%;
+  height: 100%;
+  min-height: 2rem;
+}
+</style>