unplugin-vue-map-ui

Components resolver for auto importing
4,324
Install
npm install unplugin-vue-map-ui
Latest Version:0.0.14
Vue:3
License:MIT
Last Updated:Nov 22, 2023
Links: GitHub  ·  npm
Maintainer: nikolaynau

unplugin-vue-map-ui npm version

On-demand components auto importing for vue-map-ui.

Installation

npm install -D unplugin-vue-map-ui unplugin-vue-components
Vite 
// vite.config.ts
import { defineConfig } from 'vite';
import Components from 'unplugin-vue-components/vite';
import { VueMapUiResolver, VueMapUiPreset } from 'unplugin-vue-map-ui';

export default defineConfig({
  // ...
  plugins: [
    // ...
    Components({
      resolvers: [VueMapUiResolver()],
      types: [VueMapUiPreset]
    })
  ]
});

Webpack 
// webpack.config.js
const Components = require('unplugin-vue-components/webpack');
const { VueMapUiResolver, VueMapUiPreset } = require('unplugin-vue-map-ui');

module.exports = {
  // ...
  plugins: [
    Components({
      resolvers: [VueMapUiResolver()],
      types: [VueMapUiPreset]
    })
  ]
};

Usage

It will automatically turn this

<script setup>
//...
</script>

<template>
  <VMap>
    <VMapOsmTileLayer />
  </VMap>
</template>

into this

<script setup>
import { VMap, VMapOsmTileLayer } from 'vue-map-ui';
//...
</script>

<template>
  <VMap>
    <VMapOsmTileLayer />
  </VMap>
</template>

TypeScript

Make sure you also add components.d.ts to your tsconfig.json under include.

// tsconfig.json
{
  // ...
  "include": ["components.d.ts"]
}

License

Licensed under the MIT License.

Version History

Version Released Vue License
0.0.14 ^3.3.8 MIT
0.0.13 ^3.3.4 MIT
0.0.11 ^3.3.4 MIT
0.0.9 ^3.3.4 MIT
0.0.8 ^3.2.47 MIT