forked fromvueComponent/ant-design-vue-nuxt
- Notifications
You must be signed in to change notification settings - Fork0
License
NotificationsYou must be signed in to change notification settings
markthree/ant-design-vue-nuxt
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Ant Design Vue module forNuxt
- ✨ Automatically import components on demand.
- ✨ Automatically import icons from@ant-design/icons-vue.
- ✨ Automatically import of message, notification and Modal methods.
- Add
@ant-design-vue/nuxtdependency to your project
npx nuxi@latest module add ant-design-vue
- Add
@ant-design-vue/nuxtto themodulessection ofnuxt.config.ts
exportdefaultdefineNuxtConfig({modules:['@ant-design-vue/nuxt'],antd:{// Options}})
That's it! You can now use ant-design-vue in your Nuxt app ✨
<script lang="ts" setup>const handleMessage= ()=> {message.info("This is a normal message");}</script><template> <a-button@click="handleMessage"> button </a-button></template>
ReferenceNuxt documentation andplayground use.
- Type:
array| 'false'
If there are components that are not imported automatically from Ant Design Vue, you need to add the component name here.
e.g.['Button']
- Type:
array
If you wish to add automatically import content from Ant Design Vue, you can add it here.
- Type:
array| 'false'
If there are components that are not imported automatically from @ant-design/icons-vue, you need to add the component name here.
- Type:
boolean
Solve page css flicker problem
Extracts and injects css on demand, defaults to false
<!-- If the extractStyle option is enabled, we can use a-extract-style on the outermost level of the template in app.vue--><template> <a-extract-style><!-- Your page or component--> </a-extract-style></template>
# Install dependenciesnpm install# Generate type stubsnpm run dev:prepare# Develop with the playgroundnpm run dev# Build the playgroundnpm run dev:build# Build for productionnpm run build# Run ESLintnpm run lint# Run Vitestnpm runtestnpm run test:watch# Release new versionnpm run release
About
No description, website, or topics provided.
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Languages
- TypeScript59.7%
- Vue39.0%
- JavaScript1.3%