How to integrate vue-leaflet via CDN?

[aimeos]

All provided examples use build tools for compilation but how to integrate Vue3 Leaflet components like the Vue2 components via CDN like described here:
https://vue2-leaflet.netlify.app/quickstart/#if-imported-by-cdn

[daufinsyd]

That would be awesome ! :)

[chaoliuchn]

you can use the vite-plugin-cdn-import plugin to solve this problem. This plugin allows your project to load dependencies from a CDN, which can enhance the loading speed and performance of your project.
To use this plugin, follow these steps:

1. First, install the vite-plugin-cdn-import plugin:
   npm install vite-plugin-cdn-import --save-dev
2. Then, import and configure the plugin in your vite.config.js file:

// vite.config.js
import cdn from 'vite-plugin-cdn-import'
export default {
    plugins: [
        cdn({
            prodUrl: '//unpkg.com/{name}@{version}/{path}',
            modules: [
               'vue',
                {
                    name: '@vue-leaflet/vue-leaflet',
                    var: 'globalThis["vue-leaflet"]',
                    path: 'dist/vue-leaflet.umd.js',
                },
            ],
        }),
    ],
}