upd: icon-vue edit

src/packages/__VUE/pagination/doc.en-US.md

@@ -7,11 +7,10 @@ When the amount of data is too much, use pagination to separate the data.
 ### Install
 ```javascript
 import { createApp } from 'vue';
-import { Pagination,Icon } from '@nutui/nutui';
+import { Pagination } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Pagination);
-app.use(Icon);
 ```    
     
 ### Basic Usage

src/packages/__VUE/pagination/doc.md

@@ -7,11 +7,10 @@
 ### 安装
 ```javascript
 import { createApp } from 'vue';
-import { Pagination,Icon } from '@nutui/nutui';
+import { Pagination } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Pagination);
-app.use(Icon);
 ```    
     
 ### 基础用法

src/packages/__VUE/pagination/doc.taro.md

@@ -7,11 +7,10 @@
 ### 安装
 ```javascript
 import { createApp } from 'vue';
-import { Pagination,Icon } from '@nutui/nutui-taro';
+import { Pagination } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Pagination);
-app.use(Icon);
 ```    
     
 ### 基础用法
@@ -117,10 +116,10 @@ export default {
 <template>
   <nut-pagination v-model="currentPage3" :total-items="500"  @change="pageChange"  :show-page-size="5">
       <template #prev-text>
-          <nut-icon name="left" size="10px" />
+        <Left width="10px" height="10px" />
       </template>
       <template #next-text>
-          <nut-icon name="right" size="10px" />
+        <Right width="10px" height="10px" />
       </template>
       <template #page="{ item }">
           {{ item.number == 3 ? 'hot' : item.text }}
@@ -128,8 +127,10 @@ export default {
   </nut-pagination>
 </template>
 <script lang="ts">
+import { Left, Right } from '@nutui/icons-vue-taro';
 import { ref, reactive, toRefs } from 'vue';
 export default {
+  components: { Left, Right },
   setup() {
     const state = reactive({
       currentPage3: 1,

src/sites/doc/components/Issue.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="doc-content-issue">
     <a class="issue-item" href="https://github.com/jdf2e/nutui/issues" target="_blank">
-      <nut-icon name="uploader"></nut-icon>
+      <Uploader name="uploader"></Uploader>
       Issue
     </a>
     <a
@@ -9,7 +9,7 @@
       :href="'https://github.com/jdf2e/nutui/issues?q=is:issue+is:open+' + component"
       target="_blank"
     >
-      <nut-icon name="issue"></nut-icon>
+      <Issue name="issue"></Issue>
       Open
     </a>
     <a
@@ -17,7 +17,7 @@
       :href="'https://github.com/jdf2e/nutui/issues?q=is:issue+is:closed+' + component"
       target="_blank"
     >
-      <nut-icon name="checklist"></nut-icon>
+      <Checklist name="checklist"></Checklist>
       Closed
     </a>
   </div>
@@ -26,8 +26,10 @@
 import { defineComponent, onMounted, reactive, toRefs, computed } from 'vue';
 import { onBeforeRouteUpdate, RouteLocationNormalized, useRoute, useRouter } from 'vue-router';
 import { RefData } from '@/sites/assets/util/ref';
+import { Checklist, Issue, Uploader } from '@nutui/icons-vue';
 export default defineComponent({
   name: 'doc-issue',
+  components: { Checklist, Issue, Uploader },
   setup() {
     const route = useRoute();
 

src/sites/doc/main.ts

@@ -7,7 +7,7 @@ import DemoBlock from './components/demo-block';
 import { Hover } from './directive/hover/hover';
 
 import { isMobile } from '@/sites/assets/util';
-
+import '@nutui/icons-vue/dist/style_icon.css';
 if (isMobile) {
   let url = location.hash.replace('/zh-CN/', '').replace('/en-US/', '');
   location.replace('demo.html' + url);

src/sites/mobile/components/Index.vue

@@ -16,7 +16,7 @@
               <router-link :to="_package.name.toLowerCase()"
                 >{{ _package.name }}&nbsp;&nbsp;{{ _package.cName }}
               </router-link>
-              <nut-icon size="14px" color="#979797" name="right"></nut-icon>
+              <Right color="#979797" name="right"></Right>
             </li>
           </template>
         </ul>
@@ -29,8 +29,10 @@
 import { defineComponent, reactive } from 'vue';
 import { nav } from '@/config.json';
 import { isJDT } from '@/sites/assets/util';
+import { Right } from '@nutui/icons-vue';
 export default defineComponent({
   name: 'doc',
+  components: { Right },
   setup() {
     let baseInfo = {
       logo: 'https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png',