Vant module for Nuxt
npx nuxi@latest module add vant
# or
npm i vant @vant/nuxt -D
export default defineNuxtConfig({
modules: ['@vant/nuxt'],
vant: {
/** Options */
},
});
<template>
<van-button type="primary" @click="showToast('toast')">button</van-button>
<VanButton type="success" @click="showNotify('notify')">button</VanButton>
<LazyVanButton type="default">lazy button</LazyVanButton>
</template>
Reference Nuxt documentation and playground use.
boolean
| object
false
How to load directives and components from lazyload.
eg. { lazyComponent: true }
boolean
true
Whether to automatically import styles.
string
Replace default locale, you can find locale list here.
array
['Lazyload', 'Locale']
Exclude exports from Vant that are not component content.
array
If there are components that are not imported automatically from Vant, you need to add the component here.
array
If you wish to add automatically import content from Vant, you can add it here.
array
[ /\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.((c|m)?j|t)sx?$/]
Include files that need to automatically import styles.
array
[/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/]
Exclude files that do not require the automatic import of styles.
pnpm i
to install the dependencies.pnpm dev:prepare
to generate type stubs.pnpm dev
to start playground in development mode.pnpm dev:build
to build playground.pnpm dev:start
to locally preview playground.pnpm build
to build this project.