@nuxtjs-extra/ant-design-vue

Nuxt module for Ant Design Vue

Setup

1. Add dependencies to your project

yarn add @nuxtjs-extra/ant-design-vue @nuxt/components # or npm install @nuxtjs-extra/ant-design-vue

If you use useDayJs option, please also add dayjs to your project, or use @nuxtjs/dayjs

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

{
  modules: [
    // Simple usage
    '@nuxtjs-extra/ant-design-vue',

    // With options
    [
      '@nuxtjs-extra/ant-design-vue',
      {
        style: 'css', // available options: 'css', 'less'
        useDayJs: false, // replace moment.js with day.js internally within 'ant-design-vue' for reducing package size
      },
    ],
  ]
}

Or using separate config:

{
  antDesignVue: {
    style: 'css', // available options: 'css', 'less'
    useDayJs: false, // replace moment.js with day.js internally within 'ant-design-vue' for reducing package size
  }
}

How to use

This module uses @nuxtjs/components internally. So there's no need to import any components in your .vue file. Just add an A prefix to any components and it will be automatically loaded:

<template>
  <AButton>Test</AButton>
</template>
<script></script>

Enjoy!

License

MIT License

Copyright (c) Anonymous [email protected]