Nuxt Leaflet

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

A Nuxt 3 module to use Leaflet.
It was made using Vue Leaflet which is a Vue 3 wrapper for Leaflet, that exposes the original Leaflet API as Vue components.

This module is really just about making it work with Nuxt 3 without the need to configure anything.

- ✨  Release Notes

- 📖  Documentation

Features

- ⚡  No configuration needed
- 🦺  Typescript support
- 🚠  Auto import

Quick Setup

``bash
npx nuxi@latest module add nuxt3-leaflet
`

That's it! You can now use Leaflet in your Nuxt app ✨

Usage

For a complete list of the components available, check out the official documentation library.

Please note that components are exported in PascalCase, so for example, write instead of .

$3

`vue



`

Development

`bash


Install dependencies

npm install

Generate type stubs

npm run dev:prepare

Develop with the playground

npm run dev

Build the playground

npm run dev:build

Run ESLint

npm run lint

Run Vitest

npm run test
npm run test:watch

Release new version

npm run release
``

[npm-version-src]: https://img.shields.io/npm/v/nuxt3-leaflet/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/nuxt3-leaflet

[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt3-leaflet.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/nuxt3-leaflet

[license-src]: https://img.shields.io/npm/l/nuxt3-leaflet.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/nuxt3-leaflet

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com