Add default styling to avoid frustration of invisible map

This commit is contained in:
Fawad Mirzad
2021-02-13 17:44:32 +01:00
parent 9a20c42459
commit 70e7d79bfb
3 changed files with 9 additions and 12 deletions

View File

@@ -9,7 +9,6 @@ module.exports = {
}, },
// the ts-eslint recommended ruleset sets the parser so we need to set it back // the ts-eslint recommended ruleset sets the parser so we need to set it back
parser: 'vue-eslint-parser', parser: 'vue-eslint-parser',
parserOptions: { parserOptions: {
ecmaVersion: 2020, ecmaVersion: 2020,
extraFileExtensions: ['.vue'], extraFileExtensions: ['.vue'],
@@ -30,13 +29,4 @@ module.exports = {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': 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',
},
},
],
} }

View File

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

View File

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