Skip to content

dzcpy/nuxt-ant-design-vue

Repository files navigation

@nuxtjs-extra/ant-design-vue

npm version npm downloads License

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 anonymous@test.com

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published