@ant-design-vue/nuxt

Ant Design Vue Nuxt

Ant Design Vue module for Nuxt

• ✨  Release Notes

Features

• ✨  Automatically import components on demand.
• ✨  Automatically import icons from @ant-design/icons-vue.
• ✨  Automatically import of message, notification and Modal methods.

Quick Setup

1. Add @ant-design-vue/nuxt dependency to your project

# Using pnpm
pnpm add -D @ant-design-vue/nuxt

# Using yarn
yarn add --dev @ant-design-vue/nuxt

# Using npm
npm install --save-dev @ant-design-vue/nuxt

1. Add @ant-design-vue/nuxt to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@ant-design-vue/nuxt'
  ],
  antd:{
    // Options
  }
})

That's it! You can now use ant-design-vue in your Nuxt app ✨

Usage

<script lang="ts" setup>
const hanldeMessage = () => {
  message.info("This is a normal message");
}
</script>
<template>
  <a-button @click="hanldeMessage">
    button
  </a-button>
</template>

Reference Nuxt documentation and playground use.

Options

components

• Type: array

If there are components that are not imported automatically from Ant Design Vue, you need to add the component name here.

e.g.['Button']

imports

• Type: array

If you wish to add automatically import content from Element Plus, you can add it here.

icons

• Type: array

If there are components that are not imported automatically from @ant-design/icons-vue, you need to add the component name here.

Development

# 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

# Build for production
npm run build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release

Changelog

v1.0.0-alpha.1

🚀 Enhancements

• Add components && imports (e3cedcf)
• Add options (561fb2b)
• Add types (3174611)

🩹 Fixes

• Change type (964e29d)
• Delete resolver (b439624)

🏡 Chore

• Init project (098eb21)
• Change description (327f656)
• Library rename (503ff76)
• Update readme (b50475b)
• Update gitignore (5fda760)
• Change version (4dedd70)
• Add build bundler (ffc2cd6)
• Add publish config (437621d)

🤖 CI

• Add workflow (a932d7d)
• Update readme (055e7d2)
• Update readme (0ce5887)
• Update eslintignore (f166955)

❤️ Contributors

• Aibayanyu20 [e-mail]
• Aibayanyu [e-mail]