Rename IconField page

assets/menu/menu.json

@@ -98,8 +98,8 @@
                             "to": "/floatlabel"
                         },
                         {
-                            "name": "InputIcon",
+                            "name": "IconField",
-                            "to": "/inputicon"
+                            "to": "/iconfield"
                         },
                         {
                             "name": "InputGroup",

doc/iconfield/AccessibilityDoc.vue

@@ -1,7 +1,7 @@
 <template>
     <DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
         <h3>Screen Reader</h3>
-        <p>InputIcon and IconField does not require any roles and attributes.</p>
+        <p>IconField and InputIcon does not require any roles and attributes.</p>
 
         <h3>Keyboard Support</h3>
         <p>Components does not include any interactive elements.</p>

doc/iconfield/ImportDoc.vue

@@ -9,8 +9,8 @@ export default {
         return {
             code: {
                 basic: `
-import InputIcon from 'primevue/inputicon';
 import IconField from 'primevue/iconfield';
+import InputIcon from 'primevue/inputicon';
 `
             }
         };

doc/iconfield/theming/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="doc-main">
         <div class="doc-intro">
-            <h1>InputIcon Theming</h1>
+            <h1>IconField Theming</h1>
         </div>
         <DocSections :docs="docs" />
     </div>

pages/iconfield/index.vue

@@ -1,12 +1,12 @@
 <template>
-    <DocComponent title="Vue Input Icon" header="InputIcon" description="InputIcon displays an icon." :componentDocs="docs" :apiDocs="['InputIcon', 'IconField']" :themingDocs="themingDoc" />
+    <DocComponent title="Vue IconFiled" header="IconFiled" description="IconField wraps an input and an icon." :componentDocs="docs" :apiDocs="['IconField', 'InputIcon']" :themingDocs="themingDoc" />
 </template>
 
 <script>
-import AccessibilityDoc from '@/doc/inputicon/AccessibilityDoc.vue';
+import AccessibilityDoc from '@/doc/iconfield/AccessibilityDoc.vue';
-import BasicDoc from '@/doc/inputicon/BasicDoc.vue';
+import BasicDoc from '@/doc/iconfield/BasicDoc.vue';
-import ImportDoc from '@/doc/inputicon/ImportDoc.vue';
+import ImportDoc from '@/doc/iconfield/ImportDoc.vue';
-import ThemingDoc from '@/doc/inputicon/theming/index.vue';
+import ThemingDoc from '@/doc/iconfield/theming/index.vue';
 
 export default {
     data() {