@geoql/v-maplibre 1.1.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -1
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -52,6 +52,7 @@ pnpm dlx jsr add @geoql/v-maplibre
|
|
|
52
52
|
<script setup lang="ts">
|
|
53
53
|
import { VMap, VMarker } from '@geoql/v-maplibre';
|
|
54
54
|
import 'maplibre-gl/dist/maplibre-gl.css';
|
|
55
|
+
import '@geoql/v-maplibre/dist/v-maplibre.css';
|
|
55
56
|
|
|
56
57
|
const mapOptions = {
|
|
57
58
|
style: 'https://demotiles.maplibre.org/style.json',
|
|
@@ -116,11 +117,24 @@ For Nuxt applications, wrap the map component with `ClientOnly`:
|
|
|
116
117
|
</template>
|
|
117
118
|
```
|
|
118
119
|
|
|
119
|
-
|
|
120
|
+
Add styles to your `nuxt.config.ts`:
|
|
121
|
+
|
|
122
|
+
```typescript
|
|
123
|
+
// nuxt.config.ts
|
|
124
|
+
export default defineNuxtConfig({
|
|
125
|
+
css: [
|
|
126
|
+
'maplibre-gl/dist/maplibre-gl.css',
|
|
127
|
+
'@geoql/v-maplibre/dist/v-maplibre.css',
|
|
128
|
+
],
|
|
129
|
+
});
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
Or create a Nuxt plugin to import styles:
|
|
120
133
|
|
|
121
134
|
```typescript
|
|
122
135
|
// plugins/maplibre.client.ts
|
|
123
136
|
import 'maplibre-gl/dist/maplibre-gl.css';
|
|
137
|
+
import '@geoql/v-maplibre/dist/v-maplibre.css';
|
|
124
138
|
|
|
125
139
|
export default defineNuxtPlugin(() => {
|
|
126
140
|
// Plugin loaded
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geoql/v-maplibre",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "Vue 3 components for MapLibre GL - reactive map components with full TypeScript support",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
"import": "./dist/index.js"
|
|
13
13
|
},
|
|
14
14
|
"./style.css": "./dist/v-maplibre.css",
|
|
15
|
-
"./
|
|
15
|
+
"./v-maplibre.css": "./dist/v-maplibre.css",
|
|
16
|
+
"./dist/style.css": "./dist/v-maplibre.css",
|
|
17
|
+
"./dist/v-maplibre.css": "./dist/v-maplibre.css"
|
|
16
18
|
},
|
|
17
19
|
"files": [
|
|
18
20
|
"dist"
|