Create a list of components we need to convert to composition API

[asvae]

closes #567 after all components refactored.

[LighthouseKeeperYN]

Docs (on hold)

- [x] packages\docs\src\components\DocsAlert.vue - [x] packages\docs\src\components\DocsAnchor.vue - [x] packages\docs\src\components\DocsApi\ApiDocs.vue - [ ] packages\docs\src\components\DocsApi\ApiDocsPropsRow.vue - not used anywhere - [x] packages\docs\src\components\DocsCode.vue - [x] packages\docs\src\components\DocsContent.vue - [x] packages\docs\src\components\DocsHeadline.vue - [x] packages\docs\src\components\DocsNavigation.vue - [ ] packages\docs\src\components\DocsSubtitle.vue - [ ] packages\docs\src\components\DocsTable\DocsTable.vue - [ ] packages\docs\src\components\header\components\ColorDropdown.vue - [ ] packages\docs\src\components\header\components\HeaderSelector.vue - [ ] packages\docs\src\components\header\components\LanguageDropdown.vue - [ ] packages\docs\src\components\header\components\VersionDropdown.vue - [ ] packages\docs\src\components\header\components\VuesticDocsLogo.vue - [ ] packages\docs\src\components\header\components\VuesticLogo.vue - [ ] packages\docs\src\components\header\Header.vue - [ ] packages\docs\src\components\landing\Admin.vue - [ ] packages\docs\src\components\landing\ColorTab.vue - [ ] packages\docs\src\components\landing\Customize.vue - [ ] packages\docs\src\components\landing\Footer.vue - [ ] packages\docs\src\components\landing\Header.vue - [ ] packages\docs\src\components\landing\icons\IconAdmin.vue - [ ] packages\docs\src\components\landing\icons\IconEpicmax.vue - [ ] packages\docs\src\components\landing\icons\IconSpinners.vue - [ ] packages\docs\src\components\landing\OpenSource.vue - [ ] packages\docs\src\components\landing\SeamlessIntegration\SeamlessIntegration.vue - [ ] packages\docs\src\components\landing\StarsButton.vue - [ ] packages\docs\src\components\markdown-view\MarkdownView.vue - [ ] packages\docs\src\components\PrismWrapper.vue - [ ] packages\docs\src\components\sidebar\algolia-search\AlgoliaSearch.vue - [ ] packages\docs\src\components\sidebar\Sidebar.vue - [ ] packages\docs\src\components\sidebar\SidebarLink.vue - [ ] packages\docs\src\layouts\default.vue - [ ] packages\docs\src\page-configs\getting-started\installation\components\OpenCodeSandbox.vue - [ ] packages\docs\src\page-configs\services\colors-config\examples\change-colors.vue - [ ] packages\docs\src\page-configs\services\colors-config\examples\components\colors-editor.vue - [ ] packages\docs\src\page-configs\services\colors-config\examples\css-variable.vue - [ ] packages\docs\src\page-configs\services\components-config\examples\button.vue - [ ] packages\docs\src\page-configs\services\icons-config\examples\font.vue - [ ] packages\docs\src\page-configs\ui-elements\backtop\examples\Default.vue - [ ] packages\docs\src\page-configs\ui-elements\button-dropdown\examples\Events.vue - [ ] packages\docs\src\page-configs\ui-elements\chip\examples\Closeable.vue - [ ] packages\docs\src\page-configs\ui-elements\data-table\examples\Filtering.vue - [ ] packages\docs\src\page-configs\ui-elements\data-table\examples\Pagination.vue - [ ] packages\docs\src\page-configs\ui-elements\data-table\examples\Selection.vue - [ ] packages\docs\src\page-configs\ui-elements\data-table\examples\Sorting.vue - [ ] packages\docs\src\page-configs\ui-elements\date-input\examples\advancedFormatting.vue - [ ] packages\docs\src\page-configs\ui-elements\date-input\examples\formatting.vue - [ ] packages\docs\src\page-configs\ui-elements\date-input\examples\input.vue - [ ] packages\docs\src\page-configs\ui-elements\date-input\examples\resetOnClose.vue - [ ] packages\docs\src\page-configs\ui-elements\divider\examples\Inset.vue - [ ] packages\docs\src\page-configs\ui-elements\divider\examples\WithList.vue - [ ] packages\docs\src\page-configs\ui-elements\form\examples\Submit.vue - [ ] packages\docs\src\page-configs\ui-elements\hover\examples\Slot.vue - [ ] packages\docs\src\page-configs\ui-elements\image\examples\DefaultSlot.vue - [ ] packages\docs\src\page-configs\ui-elements\image\examples\LoaderSlot.vue - [ ] packages\docs\src\page-configs\ui-elements\infinite-scroll\examples\CustomTarget.vue - [ ] packages\docs\src\page-configs\ui-elements\infinite-scroll\examples\Default.vue - [ ] packages\docs\src\page-configs\ui-elements\infinite-scroll\examples\Disabled.vue - [ ] packages\docs\src\page-configs\ui-elements\infinite-scroll\examples\Reverse.vue - [ ] packages\docs\src\page-configs\ui-elements\select\examples\AllowCreate.vue - [ ] packages\docs\src\page-configs\ui-elements\select\examples\Chips.vue - [ ] packages\docs\src\page-configs\ui-elements\sidebar-item\examples\Active.vue - [ ] packages\docs\src\page-configs\ui-elements\sidebar-item\examples\Components.vue - [ ] packages\docs\src\page-configs\ui-elements\toast\examples\Click.vue - [ ] packages\docs\src\page-configs\ui-elements\toast\examples\Close.vue - [ ] packages\docs\src\pages\contribution\documentation-page.vue - [ ] packages\docs\src\pages\contribution\guide.vue - [ ] packages\docs\src\pages\contribution\index.vue - [ ] packages\docs\src\pages\contribution\translation.vue - [ ] packages\docs\src\pages\contribution\tree-shaking-requirements.vue - [ ] packages\docs\src\pages\contribution\ui-element-guide.vue - [ ] packages\docs\src\pages\extensions\ag-grid.vue - [ ] packages\docs\src\pages\getting-started\accessibility-guide.vue - [ ] packages\docs\src\pages\getting-started\configuration-guide.vue - [ ] packages\docs\src\pages\getting-started\index.vue - [ ] packages\docs\src\pages\getting-started\installation.vue - [ ] packages\docs\src\pages\index.vue - [ ] packages\docs\src\pages\introduction\browser-support.vue - [ ] packages\docs\src\pages\introduction\index.vue - [ ] packages\docs\src\pages\introduction\overview.vue - [ ] packages\docs\src\pages\introduction\roadmap.vue - [ ] packages\docs\src\pages\MarkdownTest.vue - [ ] packages\docs\src\pages\services\advanced-icons-config.vue - [ ] packages\docs\src\pages\services\colors-config.vue - [ ] packages\docs\src\pages\services\components-config.vue - [ ] packages\docs\src\pages\services\global-config.vue - [ ] packages\docs\src\pages\services\icons-config.vue - [ ] packages\docs\src\pages\services\index.vue - [ ] packages\docs\src\pages\styles\colors.vue - [ ] packages\docs\src\pages\styles\css-variables.vue - [ ] packages\docs\src\pages\styles\grid.vue - [ ] packages\docs\src\pages\styles\index.vue - [ ] packages\docs\src\pages\styles\reset.vue - [ ] packages\docs\src\pages\styles\typography.vue - [ ] packages\docs\src\pages\ui-elements\accordion.vue - [ ] packages\docs\src\pages\ui-elements\affix.vue - [ ] packages\docs\src\pages\ui-elements\alert.vue - [ ] packages\docs\src\pages\ui-elements\app-bar.vue - [ ] packages\docs\src\pages\ui-elements\avatar.vue - [ ] packages\docs\src\pages\ui-elements\backtop.vue - [ ] packages\docs\src\pages\ui-elements\badge.vue - [ ] packages\docs\src\pages\ui-elements\breadcrumbs.vue - [ ] packages\docs\src\pages\ui-elements\button-dropdown.vue - [ ] packages\docs\src\pages\ui-elements\button-group.vue - [ ] packages\docs\src\pages\ui-elements\button-toggle.vue - [ ] packages\docs\src\pages\ui-elements\button.vue - [ ] packages\docs\src\pages\ui-elements\card.vue - [ ] packages\docs\src\pages\ui-elements\checkbox.vue - [ ] packages\docs\src\pages\ui-elements\chip.vue - [ ] packages\docs\src\pages\ui-elements\collapse.vue - [ ] packages\docs\src\pages\ui-elements\color-input.vue - [ ] packages\docs\src\pages\ui-elements\color-palette.vue - [ ] packages\docs\src\pages\ui-elements\color-picker.vue - [ ] packages\docs\src\pages\ui-elements\data-table.vue - [ ] packages\docs\src\pages\ui-elements\date-input.vue - [ ] packages\docs\src\pages\ui-elements\date-picker.vue - [ ] packages\docs\src\pages\ui-elements\divider.vue - [ ] packages\docs\src\pages\ui-elements\file-upload.vue - [ ] packages\docs\src\pages\ui-elements\form.vue - [ ] packages\docs\src\pages\ui-elements\hover.vue - [ ] packages\docs\src\pages\ui-elements\icon.vue - [ ] packages\docs\src\pages\ui-elements\image.vue - [ ] packages\docs\src\pages\ui-elements\index.vue - [ ] packages\docs\src\pages\ui-elements\infinite-scroll.vue - [ ] packages\docs\src\pages\ui-elements\inner-loading.vue - [ ] packages\docs\src\pages\ui-elements\input.vue - [ ] packages\docs\src\pages\ui-elements\list.vue - [ ] packages\docs\src\pages\ui-elements\modal.vue - [ ] packages\docs\src\pages\ui-elements\navbar.vue - [ ] packages\docs\src\pages\ui-elements\option-list.vue - [ ] packages\docs\src\pages\ui-elements\pagination.vue - [ ] packages\docs\src\pages\ui-elements\parallax.vue - [ ] packages\docs\src\pages\ui-elements\popover.vue - [ ] packages\docs\src\pages\ui-elements\progress-bar.vue - [ ] packages\docs\src\pages\ui-elements\progress-circle.vue - [ ] packages\docs\src\pages\ui-elements\radio.vue - [ ] packages\docs\src\pages\ui-elements\rating.vue - [ ] packages\docs\src\pages\ui-elements\select.vue - [ ] packages\docs\src\pages\ui-elements\sidebar-item.vue - [ ] packages\docs\src\pages\ui-elements\sidebar.vue - [ ] packages\docs\src\pages\ui-elements\slider.vue - [ ] packages\docs\src\pages\ui-elements\switch.vue - [ ] packages\docs\src\pages\ui-elements\table.vue - [ ] packages\docs\src\pages\ui-elements\tabs.vue - [ ] packages\docs\src\pages\ui-elements\time-input.vue - [ ] packages\docs\src\pages\ui-elements\time-picker.vue - [ ] packages\docs\src\pages\ui-elements\toast.vue - [ ] packages\docs\src\router\RouterLayout.vue

UI

• [x] packages\ui\src\components\va-affix\VaAffix.vue
• [x] packages\ui\src\components\va-alert\VaAlert.vue
• [x] packages\ui\src\components\va-app-bar\VaAppBar.vue
• [x] packages\ui\src\components\va-avatar\VaAvatar.vue
• [x] packages\ui\src\components\va-backtop\VaBacktop.vue
• [x] packages\ui\src\components\va-badge\VaBadge.vue
• [x] packages\ui\src\components\va-breadcrumbs\VaBreadcrumbs.vue
• [x] packages\ui\src\components\va-breadcrumbs\VaBreadcrumbsItem\VaBreadcrumbsItem.vue
• [x] packages\ui\src\components\va-button-group\VaButtonGroup.vue
• [x] packages\ui\src\components\va-button-toggle\VaButtonToggle.vue
• [x] packages\ui\src\components\va-button\VaButton.vue
• [x] packages\ui\src\components\va-card\VaCard.vue
• [x] packages\ui\src\components\va-card\VaCardContent.vue
• [x] packages\ui\src\components\va-card\VaCardTitle.vue
• [x] packages\ui\src\components\va-checkbox\VaCheckbox-validation.vue
• [x] packages\ui\src\components\va-checkbox\VaCheckbox.vue
• [x] packages\ui\src\components\va-chip\VaChip.vue
• [x] packages\ui\src\components\va-collapse\VaCollapse.vue
• [x] packages\ui\src\components\va-color-indicator\VaColorIndicator.vue
• [x] packages\ui\src\components\va-color-input\VaColorInput.vue
• [x] packages\ui\src\components\va-color-palette\VaColorPalette.vue
• [x] packages\ui\src\components\va-date-input\VaDateInput.vue
• [x] packages\ui\src\components\va-date-picker\components\VaDayPicker\VaDayPicker.vue
• [x] packages\ui\src\components\va-date-picker\components\VaMonthPicker\VaMonthPicker.vue
• [x] packages\ui\src\components\va-date-picker\components\VaYearPicker\VaYearPicker.vue
• [x] packages\ui\src\components\va-date-picker\VaDatePicker.vue
• [x] packages\ui\src\components\va-divider\DividerWithList.vue
• [x] packages\ui\src\components\va-divider\VaDivider.vue
• [x] packages\ui\src\components\va-dropdown\VaDropdown.vue
• [x] packages\ui\src\components\va-file-upload\VaFileUploadGalleryItem\VaFileUploadGalleryItem.vue
• [x] packages\ui\src\components\va-file-upload\VaFileUploadList\VaFileUploadList.vue
• [x] packages\ui\src\components\va-file-upload\VaFileUploadListItem\VaFileUploadListItem.vue
• [x] packages\ui\src\components\va-file-upload\VaFileUploadSingleItem\VaFileUploadSingleItem.vue
• [x] packages\ui\src\components\va-file-upload\VaFileUploadUndo\VaFileUploadUndo.vue
• [x] packages\ui\src\components\va-form\VaForm.vue
• [x] packages\ui\src\components\va-hover\VaHover.vue
• [x] packages\ui\src\components\va-icon\VaIcon.vue
• [x] packages\ui\src\components\va-image\VaImage.vue
• [x] packages\ui\src\components\va-infinite-scroll\VaInfiniteScroll.vue
• [x] packages\ui\src\components\va-inner-loading\VaInnerLoading.vue
• [x] packages\ui\src\components\va-input\components\VaInputWrapper.vue
• [x] packages\ui\src\components\va-input\components\VaMessageList\VaMessageList.vue
• [x] packages\ui\src\components\va-input\components\VaMessageListWrapper.vue
• [x] packages\ui\src\components\va-input\components\VaTextarea\VaTextarea.vue
• [x] packages\ui\src\components\va-input\VaInput-validation.vue
• [x] packages\ui\src\components\va-input\VaInput.vue
• [x] packages\ui\src\components\va-list\VaList.vue
• [x] packages\ui\src\components\va-list\VaListItem.vue
• [x] packages\ui\src\components\va-list\VaListItemLabel.vue
• [x] packages\ui\src\components\va-list\VaListItemSection.vue
• [x] packages\ui\src\components\va-list\VaListLabel.vue
• [x] packages\ui\src\components\va-list\VaListSeparator.vue
• [x] packages\ui\src\components\va-modal\VaModal.vue
• [x] packages\ui\src\components\va-navbar\VaNavbar.vue
• [x] packages\ui\src\components\va-option-list\VaOptionList.vue
• [x] packages\ui\src\components\va-pagination\VaPagination.vue
• [x] packages\ui\src\components\va-parallax\VaParallax.vue
• [x] packages\ui\src\components\va-popover\VaPopover.vue
• [x] packages\ui\src\components\va-popup\popup\VaPopup.vue (deprecated component) (written in Options API)
• [x] packages\ui\src\components\va-progress-bar\progress-types\VaProgressBar.vue
• [x] packages\ui\src\components\va-progress-bar\progress-types\VaProgressCircle.vue
• [x] packages\ui\src\components\va-progress-bar\VaProgressBar.vue
• [x] packages\ui\src\components\va-progress-bar\VaProgressCircle.vue
• [x] packages\ui\src\components\va-radio\VaRadio.vue
• [x] packages\ui\src\components\va-rating\VaRating.vue
• [x] packages\ui\src\components\va-rating\VaRatingItem\VaRatingItem.vue
• [x] packages\ui\src\components\va-select\VaSelect.vue
• [x] packages\ui\src\components\va-select\VaSelectOptionList\VaSelectOptionList.vue
• [x] packages\ui\src\components\va-separator\VaSeparator.vue
• [x] packages\ui\src\components\va-sidebar\VaSidebar.vue
• [x] packages\ui\src\components\va-sidebar\VaSidebarItem\VaSidebarItem.vue
• [x] packages\ui\src\components\va-slider\VaSlider.vue
• [x] packages\ui\src\components\va-spacer\VaSpacer.vue
• [x] packages\ui\src\components\va-switch\VaSwitch.vue
• [x] packages\ui\src\components\va-tabs\VaTab\VaTab.vue
• [x] packages\ui\src\components\va-tabs\VaTabs.vue
• [x] packages\ui\src\components\va-time-input\VaTimeInput.vue
• [x] packages\ui\src\components\va-time-picker\VaTimePicker.vue
• [x] packages\ui\src\components\va-toast\VaToast.vue
• [x] packages\ui\src\components\va-tree-view\SquareWithIcon\SquareWithIcon.vue
• [x] packages\ui\src\components\va-tree-view\VaTreeCategory\VaTreeCategory.vue
• [x] packages\ui\src\components\va-tree-view\VaTreeNode\VaTreeNode.vue
• [x] packages\ui\src\components\va-tree-view\VaTreeRoot.vue

[asvae]

We also need to remove all deprecated mixins after composition api conversion is done.

[m0ksem]

Update on this issue:

• [x] VaChip https://github.com/epicmaxco/vuestic-ui/pull/1668
• [ ] VaTreeView https://github.com/epicmaxco/vuestic-ui/pull/1568

So after merging this two PRs we can finally remove vue-class-component.

[Derranion]

• [ ] VaCollapse

Looks like we mistakenly moved to composition API VaCollapse in the docs instead of the actual component :) packages/docs/src/pages/ui-elements/collapse.vue

Also some other components are marked as resolved though they are still using VueClassComponent:

• [x] VaDropdown
• [x] VaFormReset
• [x] VaPopover

[m0ksem]

• [ ] VaCollapse

Looks like we mistakenly moved to composition API VaCollapse in the docs instead of the actual component :) packages/docs/src/pages/ui-elements/collapse.vue

Also some other components are marked as resolved though they are still using VueClassComponent:

* [ ]  `VaDropdown`

* [ ]  `VaFormReset`

* [ ]  `VaPopover`

These components are in docs/nuxt-rework :( Sorry.