Form renaming

apps/showcase/pages/autocomplete/index.vue

@@ -18,7 +18,7 @@ import DropdownDoc from '@/doc/autocomplete/DropdownDoc.vue';
 import FilledDoc from '@/doc/autocomplete/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/autocomplete/FloatLabelDoc.vue';
 import ForceSelectionDoc from '@/doc/autocomplete/ForceSelectionDoc.vue';
-import FormDoc from '@/doc/autocomplete/FormDoc.vue';
+import FormsDoc from '@/doc/autocomplete/FormsDoc.vue';
 import GroupDoc from '@/doc/autocomplete/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/autocomplete/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/autocomplete/ImportDoc.vue';
@@ -45,9 +45,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dropdown',

apps/showcase/pages/cascadeselect/index.vue

@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/cascadeselect/BasicDoc.vue';
 import DisabledDoc from '@/doc/cascadeselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/cascadeselect/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/cascadeselect/FloatLabelDoc.vue';
-import FormDoc from '@/doc/cascadeselect/FormDoc.vue';
+import FormsDoc from '@/doc/cascadeselect/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/cascadeselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/cascadeselect/ImportDoc.vue';
 import InvalidDoc from '@/doc/cascadeselect/InvalidDoc.vue';
@@ -40,9 +40,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'template',

apps/showcase/pages/checkbox/index.vue

@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/checkbox/BasicDoc.vue';
 import DisabledDoc from '@/doc/checkbox/DisabledDoc.vue';
 import DynamicDoc from '@/doc/checkbox/DynamicDoc.vue';
 import FilledDoc from '@/doc/checkbox/FilledDoc.vue';
-import FormDoc from '@/doc/checkbox/FormDoc.vue';
+import FormsDoc from '@/doc/checkbox/FormsDoc.vue';
 import GroupDoc from '@/doc/checkbox/GroupDoc.vue';
 import ImportDoc from '@/doc/checkbox/ImportDoc.vue';
 import IndeterminateDoc from '@/doc/checkbox/IndeterminateDoc.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'indeterminate',

apps/showcase/pages/colorpicker/index.vue

@@ -6,8 +6,8 @@
 import AccessibilityDoc from '@/doc/colorpicker/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/colorpicker/BasicDoc.vue';
 import DisabledDoc from '@/doc/colorpicker/DisabledDoc.vue';
-import FormDoc from '@/doc/colorpicker/FormDoc.vue';
 import FormatDoc from '@/doc/colorpicker/FormatDoc.vue';
+import FormsDoc from '@/doc/colorpicker/FormsDoc.vue';
 import ImportDoc from '@/doc/colorpicker/ImportDoc.vue';
 import InlineDoc from '@/doc/colorpicker/InlineDoc.vue';
 import PTComponent from '@/doc/colorpicker/pt/index.vue';
@@ -28,9 +28,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'inline',

apps/showcase/pages/datepicker/index.vue

@@ -10,8 +10,8 @@ import DateTemplateDoc from '@/doc/datepicker/DateTemplateDoc.vue';
 import DisabledDoc from '@/doc/datepicker/DisabledDoc.vue';
 import FilledDoc from '@/doc/datepicker/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/datepicker/FloatLabelDoc.vue';
-import FormDoc from '@/doc/datepicker/FormDoc.vue';
 import FormatDoc from '@/doc/datepicker/FormatDoc.vue';
+import FormsDoc from '@/doc/datepicker/FormsDoc.vue';
 import IconDoc from '@/doc/datepicker/IconDoc.vue';
 import IftaLabelDoc from '@/doc/datepicker/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/datepicker/ImportDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'format',

apps/showcase/pages/editor/index.vue

@@ -5,8 +5,8 @@
 <script>
 import AccessibilityDoc from '@/doc/editor/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/editor/BasicDoc.vue';
+import FormsDoc from '@/doc/editor/FormsDoc.vue';
 import ImportDoc from '@/doc/editor/ImportDoc.vue';
-import FormDoc from '@/doc/editor/FormDoc.vue';
 import QuillDoc from '@/doc/editor/QuillDoc.vue';
 import ReadOnlyDoc from '@/doc/editor/ReadOnlyDoc.vue';
 import TemplateDoc from '@/doc/editor/TemplateDoc.vue';
@@ -33,9 +33,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'readonly',

apps/showcase/pages/inputmask/index.vue

@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/inputmask/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputmask/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputmask/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputmask/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputmask/FormDoc.vue';
+import FormsDoc from '@/doc/inputmask/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputmask/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputmask/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputmask/InvalidDoc.vue';
@@ -41,9 +41,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'mask',

apps/showcase/pages/inputnumber/index.vue

@@ -17,7 +17,7 @@ import CurrencyDoc from '@/doc/inputnumber/CurrencyDoc.vue';
 import DisabledDoc from '@/doc/inputnumber/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputnumber/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputnumber/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputnumber/FormDoc.vue';
+import FormsDoc from '@/doc/inputnumber/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputnumber/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputnumber/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputnumber/InvalidDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: NumeralsDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'locale',

apps/showcase/pages/inputotp/index.vue

@@ -5,12 +5,12 @@
 <script>
 import AccessibilityDoc from '@/doc/inputotp/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/inputotp/BasicDoc.vue';
-import FormDoc from '@/doc/inputotp/FormDoc.vue';
+import FilledDoc from '@/doc/inputotp/FilledDoc.vue';
+import FormsDoc from '@/doc/inputotp/FormsDoc.vue';
 import ImportDoc from '@/doc/inputotp/ImportDoc.vue';
 import IntegerOnlyDoc from '@/doc/inputotp/IntegerOnlyDoc.vue';
 import MaskDoc from '@/doc/inputotp/MaskDoc.vue';
 import SampleDoc from '@/doc/inputotp/SampleDoc.vue';
-import FilledDoc from '@/doc/inputotp/FilledDoc.vue';
 import TemplateDoc from '@/doc/inputotp/TemplateDoc.vue';
 import PTComponent from '@/doc/inputotp/pt/index.vue';
 import ThemingDoc from '@/doc/inputotp/theming/index.vue';
@@ -30,9 +30,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'mask',

apps/showcase/pages/inputtext/index.vue

@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/inputtext/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputtext/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputtext/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputtext/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputtext/FormDoc.vue';
+import FormsDoc from '@/doc/inputtext/FormsDoc.vue';
 import HelpTextDoc from '@/doc/inputtext/HelpTextDoc.vue';
 import IftaLabelDoc from '@/doc/inputtext/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputtext/ImportDoc.vue';
@@ -32,9 +32,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'filled',

apps/showcase/pages/knob/index.vue

@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/knob/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/knob/BasicDoc.vue';
 import ColorDoc from '@/doc/knob/ColorDoc.vue';
 import DisabledDoc from '@/doc/knob/DisabledDoc.vue';
-import FormDoc from '@/doc/knob/FormDoc.vue';
+import FormsDoc from '@/doc/knob/FormsDoc.vue';
 import ImportDoc from '@/doc/knob/ImportDoc.vue';
 import MinMaxDoc from '@/doc/knob/MinMaxDoc.vue';
 import ReactiveDoc from '@/doc/knob/ReactiveDoc.vue';
@@ -34,9 +34,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'minmax',

apps/showcase/pages/listbox/index.vue

@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/listbox/BasicDoc.vue';
 import CheckmarkDoc from '@/doc/listbox/CheckmarkDoc.vue';
 import DisabledDoc from '@/doc/listbox/DisabledDoc.vue';
 import FilterDoc from '@/doc/listbox/FilterDoc.vue';
-import FormDoc from '@/doc/listbox/FormDoc.vue';
+import FormsDoc from '@/doc/listbox/FormsDoc.vue';
 import GroupDoc from '@/doc/listbox/GroupDoc.vue';
 import ImportDoc from '@/doc/listbox/ImportDoc.vue';
 import InvalidDoc from '@/doc/listbox/InvalidDoc.vue';
@@ -33,9 +33,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'checkmark',

apps/showcase/pages/message/index.vue

@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/message/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/message/BasicDoc.vue';
 import ClosabledDoc from '@/doc/message/ClosableDoc.vue';
 import DynamicDoc from '@/doc/message/DynamicDoc.vue';
-import FormDoc from '@/doc/message/FormDoc.vue';
+import FormsDoc from '@/doc/message/FormsDoc.vue';
 import IconDoc from '@/doc/message/IconDoc.vue';
 import ImportDoc from '@/doc/message/ImportDoc.vue';
 import LifeDoc from '@/doc/message/LifeDoc.vue';
@@ -40,9 +40,9 @@ export default {
                     component: IconDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dynamic',

apps/showcase/pages/multiselect/index.vue

@@ -18,10 +18,10 @@ import DisabledDoc from '@/doc/multiselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/multiselect/FilledDoc.vue';
 import FilterDoc from '@/doc/multiselect/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/multiselect/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/multiselect/FormsDoc.vue';
 import GroupDoc from '@/doc/multiselect/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/multiselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/multiselect/ImportDoc.vue';
-import FormDoc from '@/doc/multiselect/FormDoc.vue';
 import InvalidDoc from '@/doc/multiselect/InvalidDoc.vue';
 import LoadingStateDoc from '@/doc/multiselect/LoadingStateDoc.vue';
 import TemplateDoc from '@/doc/multiselect/TemplateDoc.vue';
@@ -44,9 +44,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'chips',

apps/showcase/pages/password/index.vue

@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/password/BasicDoc.vue';
 import DisabledDoc from '@/doc/password/DisabledDoc.vue';
 import FilledDoc from '@/doc/password/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/password/FloatLabelDoc.vue';
-import FormDoc from '@/doc/password/FormDoc.vue';
+import FormsDoc from '@/doc/password/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/password/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/password/ImportDoc.vue';
 import InvalidDoc from '@/doc/password/InvalidDoc.vue';
@@ -34,9 +34,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'meter',

apps/showcase/pages/radiobutton/index.vue

@@ -15,7 +15,7 @@ import AccessibilityDoc from '@/doc/radiobutton/AccessibilityDoc.vue';
 import DisabledDoc from '@/doc/radiobutton/DisabledDoc.vue';
 import DynamicDoc from '@/doc/radiobutton/DynamicDoc.vue';
 import FilledDoc from '@/doc/radiobutton/FilledDoc.vue';
-import FormDoc from '@/doc/radiobutton/FormDoc.vue';
+import FormsDoc from '@/doc/radiobutton/FormsDoc.vue';
 import GroupDoc from '@/doc/radiobutton/GroupDoc.vue';
 import ImportDoc from '@/doc/radiobutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/radiobutton/InvalidDoc.vue';
@@ -37,9 +37,9 @@ export default {
                     component: GroupDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dynamic',

apps/showcase/pages/rating/index.vue

@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/rating/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/rating/BasicDoc.vue';
 import DisabledDoc from '@/doc/rating/DisabledDoc.vue';
-import FormDoc from '@/doc/rating/FormDoc.vue';
+import FormsDoc from '@/doc/rating/FormsDoc.vue';
 import ImportDoc from '@/doc/rating/ImportDoc.vue';
 import NumberOfStarsDoc from '@/doc/rating/NumberOfStarsDoc.vue';
 import ReadOnlyDoc from '@/doc/rating/ReadOnlyDoc.vue';
@@ -29,9 +29,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'numberofstars',

apps/showcase/pages/select/index.vue

@@ -12,7 +12,7 @@ import EditableDoc from '@/doc/select/EditableDoc.vue';
 import FilledDoc from '@/doc/select/FilledDoc.vue';
 import FilterDoc from '@/doc/select/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/select/FloatLabelDoc.vue';
-import FormDoc from '@/doc/select/FormDoc.vue';
+import FormsDoc from '@/doc/select/FormsDoc.vue';
 import GroupDoc from '@/doc/select/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/select/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/select/ImportDoc.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'checkmark',

apps/showcase/pages/selectbutton/index.vue

@@ -14,7 +14,7 @@
 import AccessibilityDoc from '@/doc/selectbutton/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/selectbutton/BasicDoc.vue';
 import DisabledDoc from '@/doc/selectbutton/DisabledDoc.vue';
-import FormDoc from '@/doc/selectbutton/FormDoc.vue';
+import FormsDoc from '@/doc/selectbutton/FormsDoc.vue';
 import ImportDoc from '@/doc/selectbutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/selectbutton/InvalidDoc.vue';
 import MultipleDoc from '@/doc/selectbutton/MultipleDoc.vue';
@@ -37,9 +37,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'multiple',

apps/showcase/pages/slider/index.vue

@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/slider/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/slider/BasicDoc.vue';
 import FilterDoc from '@/doc/slider/FilterDoc.vue';
-import FormDoc from '@/doc/slider/FormDoc.vue';
+import FormsDoc from '@/doc/slider/FormsDoc.vue';
 import ImportDoc from '@/doc/slider/ImportDoc.vue';
 import InputDoc from '@/doc/slider/InputDoc.vue';
 import RangeDoc from '@/doc/slider/RangeDoc.vue';
@@ -30,9 +30,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'input',

apps/showcase/pages/textarea/index.vue

@@ -17,9 +17,9 @@ import BasicDoc from '@/doc/textarea/BasicDoc.vue';
 import DisabledDoc from '@/doc/textarea/DisabledDoc.vue';
 import FilledDoc from '@/doc/textarea/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/textarea/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/textarea/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/textarea/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/textarea/ImportDoc.vue';
-import FormDoc from '@/doc/textarea/FormDoc.vue';
 import InvalidDoc from '@/doc/textarea/InvalidDoc.vue';
 import PTComponent from '@/doc/textarea/pt/index.vue';
 import ThemingDoc from '@/doc/textarea/theming/index.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'auto-resize',

apps/showcase/pages/togglebutton/index.vue

@@ -15,7 +15,7 @@ import AccessibilityDoc from '@/doc/togglebutton/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/togglebutton/BasicDoc.vue';
 import CustomizedDoc from '@/doc/togglebutton/CustomizedDoc.vue';
 import DisabledDoc from '@/doc/togglebutton/DisabledDoc.vue';
-import FormDoc from '@/doc/togglebutton/FormDoc.vue';
+import FormsDoc from '@/doc/togglebutton/FormsDoc.vue';
 import ImportDoc from '@/doc/togglebutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/togglebutton/InvalidDoc.vue';
 import PTComponent from '@/doc/togglebutton/pt/index.vue';
@@ -36,9 +36,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'customized',

apps/showcase/pages/toggleswitch/index.vue

@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/toggleswitch/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/toggleswitch/BasicDoc.vue';
 import DisabledDoc from '@/doc/toggleswitch/DisabledDoc.vue';
-import FormDoc from '@/doc/toggleswitch/FormDoc.vue';
+import FormsDoc from '@/doc/toggleswitch/FormsDoc.vue';
 import ImportDoc from '@/doc/toggleswitch/ImportDoc.vue';
 import InvalidDoc from '@/doc/toggleswitch/InvalidDoc.vue';
 import PreselectionDoc from '@/doc/toggleswitch/PreselectionDoc.vue';
@@ -29,9 +29,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'preselection',

apps/showcase/pages/treeselect/index.vue

@@ -18,7 +18,7 @@ import DisabledDoc from '@/doc/treeselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/treeselect/FilledDoc.vue';
 import FilterDoc from '@/doc/treeselect/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/treeselect/FloatLabelDoc.vue';
-import FormDoc from '@/doc/treeselect/FormDoc.vue';
+import FormsDoc from '@/doc/treeselect/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/treeselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/treeselect/ImportDoc.vue';
 import InvalidDoc from '@/doc/treeselect/InvalidDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'multiple',