|
|
@@ -0,0 +1,228 @@
|
|
|
+import{_ as e,a as s,n as t,k as a}from"./index.c1b9962e.js";const o={pageData:{title:"Getting Started",description:"",frontmatter:{},headers:[{level:2,title:"Playground",slug:"playground",content:"The following CodeSandbox demo is the simplest use case, and it's also a good habit to fork this demo to provide a re-producible demo while reporting a bug."},{level:2,title:"Import ant-design-vue",slug:"import-ant-design-vue",content:"1. Installation"},{level:3,title:"1. Installation",slug:"_1-installation",content:"[vue-cli](https://github.com/vuejs/vue-cli)"},{level:3,title:"2. Create a New Project",slug:"_2-create-a-new-project",content:"A new project can be created using CLI tools."},{level:3,title:"3. Use antd's Components",slug:"_3-use-antd-s-components",content:""},{level:3,title:"4. Component list",slug:"_4-component-list",content:"[Component list](https://github.com/vueComponent/ant-design-vue/blob/next/components/components.ts)"},{level:2,title:"Compatibility",slug:"compatibility",content:"Ant Design Vue 2.x supports all the modern browsers. If you want to use IE9+, you can use Ant Design Vue 1.x & Vue 2.x."},{level:2,title:"Import on Demand",slug:"import-on-demand",content:"we can import individual components on demand:"},{level:2,title:"Customization",slug:"customization",content:""},{level:2,title:"Tips",slug:"tips",content:""}],relativePath:"src/vueDocs/getting-started.en-US.md",content:`# Getting Started
|
|
|
+
|
|
|
+Ant Design Vue is dedicated to providing a **good development experience** for programmers. Make sure that you had installed [Node.js](https://nodejs.org/)(> v8.9) correctly.
|
|
|
+
|
|
|
+> Before delving into Ant Design Vue, a good knowledge base of [Vue](https://cn.vuejs.org/) and [JavaScript ES2015](http://babeljs.io/docs/learn-es2015/) is needed.
|
|
|
+
|
|
|
+## Playground
|
|
|
+
|
|
|
+The following CodeSandbox demo is the simplest use case, and it's also a good habit to fork this demo to provide a re-producible demo while reporting a bug.
|
|
|
+
|
|
|
+- [](https://codesandbox.io/s/agitated-franklin-1w72v)
|
|
|
+
|
|
|
+## Import ant-design-vue
|
|
|
+
|
|
|
+### 1. Installation
|
|
|
+
|
|
|
+[vue-cli](https://github.com/vuejs/vue-cli)
|
|
|
+
|
|
|
+\`\`\`bash
|
|
|
+$ npm install -g @vue/cli
|
|
|
+# OR
|
|
|
+$ yarn global add @vue/cli
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+### 2. Create a New Project
|
|
|
+
|
|
|
+A new project can be created using CLI tools.
|
|
|
+
|
|
|
+\`\`\`bash
|
|
|
+$ vue create antd-demo
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+And, setup your vue project configuration.
|
|
|
+
|
|
|
+### 3. Use antd's Components
|
|
|
+
|
|
|
+\`\`\`bash
|
|
|
+$ npm i --save ant-design-vue@next
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+**Fully import**
|
|
|
+
|
|
|
+\`\`\`jsx
|
|
|
+import { createApp } from 'vue';
|
|
|
+import Antd from 'ant-design-vue';
|
|
|
+import App from './App';
|
|
|
+import 'ant-design-vue/dist/antd.css';
|
|
|
+
|
|
|
+const app = createApp();
|
|
|
+app.config.productionTip = false;
|
|
|
+
|
|
|
+app.use(Antd);
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+The above imports Antd entirely. Note that CSS file needs to be imported separately.
|
|
|
+
|
|
|
+**Only import the components you need**
|
|
|
+
|
|
|
+\`\`\`jsx
|
|
|
+import { createApp } from 'vue';
|
|
|
+import { Button, message } from 'ant-design-vue';
|
|
|
+import App from './App';
|
|
|
+
|
|
|
+const app = createApp(App);
|
|
|
+app.config.productionTip = false;
|
|
|
+
|
|
|
+/* Automatically register components under Button, such as Button.Group */
|
|
|
+app.use(Button).mount('#app');
|
|
|
+
|
|
|
+app.config.globalProperties.$message = message;
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+> All the components in antd are listed in the sidebar.
|
|
|
+
|
|
|
+### 4. Component list
|
|
|
+
|
|
|
+[Component list](https://github.com/vueComponent/ant-design-vue/blob/next/components/components.ts)
|
|
|
+
|
|
|
+## Compatibility
|
|
|
+
|
|
|
+Ant Design Vue 2.x supports all the modern browsers. If you want to use IE9+, you can use Ant Design Vue 1.x & Vue 2.x.
|
|
|
+
|
|
|
+You need to provide [es5-shim](https://github.com/es-shims/es5-shim) and [es6-shim](https://github.com/paulmillr/es6-shim) and other polyfills for IE browsers.
|
|
|
+
|
|
|
+If you are using babel, we strongly recommend using [babel-polyfill](https://babeljs.io/docs/usage/polyfill/) and [babel-plugin-transform-runtime](https://babeljs.io/docs/plugins/transform-runtime/) instead of those two shims.
|
|
|
+
|
|
|
+> Please avoid using both the babel and shim methods at the same time.
|
|
|
+
|
|
|
+## Import on Demand
|
|
|
+
|
|
|
+we can import individual components on demand:
|
|
|
+
|
|
|
+\`\`\`jsx
|
|
|
+import Button from 'ant-design-vue/lib/button';
|
|
|
+import 'ant-design-vue/lib/button/style'; // or ant-design-vue/lib/button/style/css for css format file
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+We strongly recommend using [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), which can convert the following code to the 'ant-design-vue/lib/xxx' way:
|
|
|
+
|
|
|
+\`\`\`jsx
|
|
|
+import { Button } from 'ant-design-vue';
|
|
|
+\`\`\`
|
|
|
+
|
|
|
+And this plugin can load styles too, read [usage](https://github.com/ant-design/babel-plugin-import#usage) for more details.
|
|
|
+
|
|
|
+> FYI, babel-plugin-import's \`style\` option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via \`import 'ant-design-vue/dist/antd.css'\` and override the global reset styles.
|
|
|
+
|
|
|
+If you use Vite, you can use [vite-plugin-components](https://github.com/antfu/vite-plugin-components) to load on demand.
|
|
|
+
|
|
|
+## Customization
|
|
|
+
|
|
|
+- [Customize Theme](/docs/vue/customize-theme)
|
|
|
+
|
|
|
+## Tips
|
|
|
+
|
|
|
+- You can use any \`npm\` modules.
|
|
|
+`,html:`<h1 id="getting-started">Getting Started</h1>
|
|
|
+<p>Ant Design Vue is dedicated to providing a <strong>good development experience</strong> for programmers. Make sure that you had installed <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">Node.js</a>(> v8.9) correctly.</p>
|
|
|
+<blockquote>
|
|
|
+<p>Before delving into Ant Design Vue, a good knowledge base of <a href="https://cn.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue</a> and <a href="http://babeljs.io/docs/learn-es2015/" target="_blank" rel="noopener noreferrer">JavaScript ES2015</a> is needed.</p>
|
|
|
+</blockquote>
|
|
|
+<h2 id="playground">Playground</h2>
|
|
|
+<p>The following CodeSandbox demo is the simplest use case, and it's also a good habit to fork this demo to provide a re-producible demo while reporting a bug.</p>
|
|
|
+<ul>
|
|
|
+<li><a href="https://codesandbox.io/s/agitated-franklin-1w72v" target="_blank" rel="noopener noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Vue Antd Template"></a></li>
|
|
|
+</ul>
|
|
|
+<h2 id="import-ant-design-vue">Import ant-design-vue</h2>
|
|
|
+<h3 id="_1-installation">1. Installation</h3>
|
|
|
+<p><a href="https://github.com/vuejs/vue-cli" target="_blank" rel="noopener noreferrer">vue-cli</a></p>
|
|
|
+<pre class="language-bash" v-pre><code>$ <span class="token function">npm</span> <span class="token function">install</span> <span class="token parameter variable">-g</span> @vue/cli
|
|
|
+<span class="token comment"># OR</span>
|
|
|
+$ <span class="token function">yarn</span> global <span class="token function">add</span> @vue/cli
|
|
|
+</code></pre>
|
|
|
+<h3 id="_2-create-a-new-project">2. Create a New Project</h3>
|
|
|
+<p>A new project can be created using CLI tools.</p>
|
|
|
+<pre class="language-bash" v-pre><code>$ vue create antd-demo
|
|
|
+</code></pre>
|
|
|
+<p>And, setup your vue project configuration.</p>
|
|
|
+<h3 id="_3-use-antd-s-components">3. Use antd's Components</h3>
|
|
|
+<pre class="language-bash" v-pre><code>$ <span class="token function">npm</span> i <span class="token parameter variable">--save</span> ant-design-vue@next
|
|
|
+</code></pre>
|
|
|
+<p><strong>Fully import</strong></p>
|
|
|
+<pre class="language-jsx" v-pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> Antd <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">'./App'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token string">'ant-design-vue/dist/antd.css'</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>productionTip <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Antd<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+</code></pre>
|
|
|
+<p>The above imports Antd entirely. Note that CSS file needs to be imported separately.</p>
|
|
|
+<p><strong>Only import the components you need</strong></p>
|
|
|
+<pre class="language-jsx" v-pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token punctuation">{</span> Button<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">'./App'</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span>App<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>productionTip <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token comment">/* Automatically register components under Button, such as Button.Group */</span>
|
|
|
+app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Button<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">'#app'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>globalProperties<span class="token punctuation">.</span>$message <span class="token operator">=</span> message<span class="token punctuation">;</span>
|
|
|
+</code></pre>
|
|
|
+<blockquote>
|
|
|
+<p>All the components in antd are listed in the sidebar.</p>
|
|
|
+</blockquote>
|
|
|
+<h3 id="_4-component-list">4. Component list</h3>
|
|
|
+<p><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/components.ts" target="_blank" rel="noopener noreferrer">Component list</a></p>
|
|
|
+<h2 id="compatibility">Compatibility</h2>
|
|
|
+<p>Ant Design Vue 2.x supports all the modern browsers. If you want to use IE9+, you can use Ant Design Vue 1.x & Vue 2.x.</p>
|
|
|
+<p>You need to provide <a href="https://github.com/es-shims/es5-shim" target="_blank" rel="noopener noreferrer">es5-shim</a> and <a href="https://github.com/paulmillr/es6-shim" target="_blank" rel="noopener noreferrer">es6-shim</a> and other polyfills for IE browsers.</p>
|
|
|
+<p>If you are using babel, we strongly recommend using <a href="https://babeljs.io/docs/usage/polyfill/" target="_blank" rel="noopener noreferrer">babel-polyfill</a> and <a href="https://babeljs.io/docs/plugins/transform-runtime/" target="_blank" rel="noopener noreferrer">babel-plugin-transform-runtime</a> instead of those two shims.</p>
|
|
|
+<blockquote>
|
|
|
+<p>Please avoid using both the babel and shim methods at the same time.</p>
|
|
|
+</blockquote>
|
|
|
+<h2 id="import-on-demand">Import on Demand</h2>
|
|
|
+<p>we can import individual components on demand:</p>
|
|
|
+<pre class="language-jsx" v-pre><code><span class="token keyword">import</span> Button <span class="token keyword">from</span> <span class="token string">'ant-design-vue/lib/button'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token string">'ant-design-vue/lib/button/style'</span><span class="token punctuation">;</span> <span class="token comment">// or ant-design-vue/lib/button/style/css for css format file</span>
|
|
|
+</code></pre>
|
|
|
+<p>We strongly recommend using <a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noopener noreferrer">babel-plugin-import</a>, which can convert the following code to the 'ant-design-vue/lib/xxx' way:</p>
|
|
|
+<pre class="language-jsx" v-pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+</code></pre>
|
|
|
+<p>And this plugin can load styles too, read <a href="https://github.com/ant-design/babel-plugin-import#usage" target="_blank" rel="noopener noreferrer">usage</a> for more details.</p>
|
|
|
+<blockquote>
|
|
|
+<p>FYI, babel-plugin-import's <code>style</code> option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via <code>import 'ant-design-vue/dist/antd.css'</code> and override the global reset styles.</p>
|
|
|
+</blockquote>
|
|
|
+<p>If you use Vite, you can use <a href="https://github.com/antfu/vite-plugin-components" target="_blank" rel="noopener noreferrer">vite-plugin-components</a> to load on demand.</p>
|
|
|
+<h2 id="customization">Customization</h2>
|
|
|
+<ul>
|
|
|
+<li><a href="/docs/vue/customize-theme.html">Customize Theme</a></li>
|
|
|
+</ul>
|
|
|
+<h2 id="tips">Tips</h2>
|
|
|
+<ul>
|
|
|
+<li>You can use any <code>npm</code> modules.</li>
|
|
|
+</ul>
|
|
|
+`,lastUpdated:1748059052828}},p={class:"markdown"};function i(l,n,r,c,u,d){return a(),s("article",p,n[0]||(n[0]=[t(`<h1 id="getting-started">Getting Started</h1><p>Ant Design Vue is dedicated to providing a <strong>good development experience</strong> for programmers. Make sure that you had installed <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">Node.js</a>(> v8.9) correctly.</p><blockquote><p>Before delving into Ant Design Vue, a good knowledge base of <a href="https://cn.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue</a> and <a href="http://babeljs.io/docs/learn-es2015/" target="_blank" rel="noopener noreferrer">JavaScript ES2015</a> is needed.</p></blockquote><h2 id="playground">Playground</h2><p>The following CodeSandbox demo is the simplest use case, and it's also a good habit to fork this demo to provide a re-producible demo while reporting a bug.</p><ul><li><a href="https://codesandbox.io/s/agitated-franklin-1w72v" target="_blank" rel="noopener noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Vue Antd Template"></a></li></ul><h2 id="import-ant-design-vue">Import ant-design-vue</h2><h3 id="_1-installation">1. Installation</h3><p><a href="https://github.com/vuejs/vue-cli" target="_blank" rel="noopener noreferrer">vue-cli</a></p><pre class="language-bash"><code>$ <span class="token function">npm</span> <span class="token function">install</span> <span class="token parameter variable">-g</span> @vue/cli
|
|
|
+<span class="token comment"># OR</span>
|
|
|
+$ <span class="token function">yarn</span> global <span class="token function">add</span> @vue/cli
|
|
|
+</code></pre><h3 id="_2-create-a-new-project">2. Create a New Project</h3><p>A new project can be created using CLI tools.</p><pre class="language-bash"><code>$ vue create antd-demo
|
|
|
+</code></pre><p>And, setup your vue project configuration.</p><h3 id="_3-use-antd-s-components">3. Use antd's Components</h3><pre class="language-bash"><code>$ <span class="token function">npm</span> i <span class="token parameter variable">--save</span> ant-design-vue@next
|
|
|
+</code></pre><p><strong>Fully import</strong></p><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> Antd <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">'./App'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token string">'ant-design-vue/dist/antd.css'</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>productionTip <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Antd<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+</code></pre><p>The above imports Antd entirely. Note that CSS file needs to be imported separately.</p><p><strong>Only import the components you need</strong></p><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token punctuation">{</span> Button<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">'./App'</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span>App<span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>productionTip <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+<span class="token comment">/* Automatically register components under Button, such as Button.Group */</span>
|
|
|
+app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Button<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">'#app'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
|
|
+
|
|
|
+app<span class="token punctuation">.</span>config<span class="token punctuation">.</span>globalProperties<span class="token punctuation">.</span>$message <span class="token operator">=</span> message<span class="token punctuation">;</span>
|
|
|
+</code></pre><blockquote><p>All the components in antd are listed in the sidebar.</p></blockquote><h3 id="_4-component-list">4. Component list</h3><p><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/components.ts" target="_blank" rel="noopener noreferrer">Component list</a></p><h2 id="compatibility">Compatibility</h2><p>Ant Design Vue 2.x supports all the modern browsers. If you want to use IE9+, you can use Ant Design Vue 1.x & Vue 2.x.</p><p>You need to provide <a href="https://github.com/es-shims/es5-shim" target="_blank" rel="noopener noreferrer">es5-shim</a> and <a href="https://github.com/paulmillr/es6-shim" target="_blank" rel="noopener noreferrer">es6-shim</a> and other polyfills for IE browsers.</p><p>If you are using babel, we strongly recommend using <a href="https://babeljs.io/docs/usage/polyfill/" target="_blank" rel="noopener noreferrer">babel-polyfill</a> and <a href="https://babeljs.io/docs/plugins/transform-runtime/" target="_blank" rel="noopener noreferrer">babel-plugin-transform-runtime</a> instead of those two shims.</p><blockquote><p>Please avoid using both the babel and shim methods at the same time.</p></blockquote><h2 id="import-on-demand">Import on Demand</h2><p>we can import individual components on demand:</p><pre class="language-jsx"><code><span class="token keyword">import</span> Button <span class="token keyword">from</span> <span class="token string">'ant-design-vue/lib/button'</span><span class="token punctuation">;</span>
|
|
|
+<span class="token keyword">import</span> <span class="token string">'ant-design-vue/lib/button/style'</span><span class="token punctuation">;</span> <span class="token comment">// or ant-design-vue/lib/button/style/css for css format file</span>
|
|
|
+</code></pre><p>We strongly recommend using <a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noopener noreferrer">babel-plugin-import</a>, which can convert the following code to the 'ant-design-vue/lib/xxx' way:</p><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
|
|
|
+</code></pre><p>And this plugin can load styles too, read <a href="https://github.com/ant-design/babel-plugin-import#usage" target="_blank" rel="noopener noreferrer">usage</a> for more details.</p><blockquote><p>FYI, babel-plugin-import's <code>style</code> option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via <code>import 'ant-design-vue/dist/antd.css'</code> and override the global reset styles.</p></blockquote><p>If you use Vite, you can use <a href="https://github.com/antfu/vite-plugin-components" target="_blank" rel="noopener noreferrer">vite-plugin-components</a> to load on demand.</p><h2 id="customization">Customization</h2><ul><li><a href="/docs/vue/customize-theme.html">Customize Theme</a></li></ul><h2 id="tips">Tips</h2><ul><li>You can use any <code>npm</code> modules.</li></ul>`,41)]))}var g=e(o,[["render",i]]);export{g as default};
|
john.hong