Auto-import Maplibre CSS

Gugustinette · Jul 29, 2024 · 8c19be3 · 8c19be3
1 parent 4ada752
commit 8c19be3
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 5 deletions.
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -1,6 +1,7 @@
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './custom.css'
+import 'maplibre-gl/dist/maplibre-gl.css'
 
 export default {
   extends: DefaultTheme

diff --git a/docs/getting-started/usage.md b/docs/getting-started/usage.md
@@ -21,7 +21,6 @@ This is only possible in a client-side environment. You should either :
     :map-style="style"
     :center="center"
     :zoom="zoom"
-    :attributionControl="false"
   >
     <MglNavigationControl />
   </MglMap>
@@ -55,7 +54,6 @@ const zoom = 8;
   :map-style="style"
   :center="center"
   :zoom="zoom"
-  :attributionControl="false"
   height="500px"
 >
   <MglNavigationControl />

diff --git a/playground/pages/map/map-basic.client.vue b/playground/pages/map/map-basic.client.vue
@@ -3,7 +3,6 @@
     :map-style="style"
     :center="center"
     :zoom="zoom"
-    :attribution-control="false"
   >
     <MglNavigationControl />
   </MglMap>

diff --git a/playground/pages/map/map.client.vue b/playground/pages/map/map.client.vue
@@ -2,7 +2,6 @@
   <MglMap
     :center="center"
     :zoom="zoom"
-    :attribution-control="false"
   >
     <MglNavigationControl />
   </MglMap>

diff --git a/src/module.ts b/src/module.ts
@@ -56,7 +56,7 @@ export default defineNuxtModule<ModuleOptions>({
   defaults: {},
   async setup (options, nuxt) {
     // Add MapLibre's CSS
-    // nuxt.options.css.push('maplibre-gl/dist/maplibre-gl.css')
+    nuxt.options.css.push('maplibre-gl/dist/maplibre-gl.css')
 
     // Auto-import vue-maplibre-gl components
     for (const component of components) {