ntohq/buefy-next

Rewrite individual doc components in TypeScript

Opened this issue · 2 comments

kikuomax commented
  • App.vue
  • components/ApiView.vue
  • components/CodeView.vue
  • components/CodepenEdit.vue
  • components/Example.vue
  • components/ImproveThis.vue
  • components/SidebarSearch.vue
  • components/TheFooter.vue
  • components/TheHeader.vue
  • components/TheNavbar.vue
  • components/TheSidebar.vue
  • components/VariablesView.vue
  • pages/404.vue
  • pages/Documentation.vue (unchanged)
  • pages/Expo.vue
  • pages/Extensions.vue (unchanged)
  • pages/Home.vue
  • pages/Layout.vue (unchanged)
  • pages/components/autocomplete/Autocomplete.vue
  • pages/components/autocomplete/examples/ExCustomAsync.vue
  • pages/components/autocomplete/examples/ExFooter.vue
  • pages/components/autocomplete/examples/ExGroups.vue
  • pages/components/autocomplete/examples/ExHeader.vue
  • pages/components/autocomplete/examples/ExInfiniteScroll.vue
  • pages/components/autocomplete/examples/ExKeepFirst.vue
  • pages/components/autocomplete/examples/ExObjArray.vue
  • pages/components/autocomplete/examples/ExSimple.vue
  • pages/components/breadcrumb/Breadcrumb.vue
  • pages/components/breadcrumb/examples/ExAlignments.vue
  • pages/components/breadcrumb/examples/ExSeparators.vue
  • pages/components/breadcrumb/examples/ExSizes.vue
  • pages/components/button/Button.vue
  • pages/components/button/examples/ExIcons.vue
  • pages/components/button/examples/ExRouter.vue
  • pages/components/button/examples/ExSimple.vue
  • pages/components/button/examples/ExSizes.vue
  • pages/components/button/examples/ExTags.vue
  • pages/components/button/examples/ExTypesStates.vue
  • pages/components/carousel/Carousel.vue
  • pages/components/carousel/examples/ExArrow.vue
  • pages/components/carousel/examples/ExCarouselList.vue
  • pages/components/carousel/examples/ExCustomIndicator.vue
  • pages/components/carousel/examples/ExFull.vue
  • pages/components/carousel/examples/ExGallery.vue
  • pages/components/carousel/examples/ExIndicator.vue
  • pages/components/carousel/examples/ExProgress.vue
  • pages/components/carousel/examples/ExSimple.vue
  • pages/components/carousel/examples/ExWithCard.vue
  • pages/components/carousel/examples/ExWithList.vue
  • pages/components/checkbox/Checkbox.vue
  • pages/components/checkbox/examples/ExArray.vue
  • pages/components/checkbox/examples/ExCheckboxButton.vue
  • pages/components/checkbox/examples/ExSimple.vue
  • pages/components/checkbox/examples/ExSizes.vue
  • pages/components/checkbox/examples/ExTypes.vue
  • pages/components/clockpicker/Clockpicker.vue
  • pages/components/clockpicker/examples/ExColors.vue
  • pages/components/clockpicker/examples/ExFooter.vue
  • pages/components/clockpicker/examples/ExNonReadonly.vue
  • pages/components/clockpicker/examples/ExRange.vue
  • pages/components/clockpicker/examples/ExSimple.vue
  • pages/components/collapse/Collapse.vue
  • pages/components/collapse/examples/ExAccordion.vue
  • pages/components/collapse/examples/ExCardTemplate.vue
  • pages/components/collapse/examples/ExPanelTemplate.vue
  • pages/components/collapse/examples/ExPosition.vue
  • pages/components/collapse/examples/ExSimple.vue
  • pages/components/colorpicker/Colorpicker.vue
  • pages/components/colorpicker/examples/ExAlpha.vue
  • pages/components/colorpicker/examples/ExFields.vue
  • pages/components/colorpicker/examples/ExFormatter.vue
  • pages/components/colorpicker/examples/ExRepresentation.vue
  • pages/components/colorpicker/examples/ExSimple.vue
  • pages/components/datepicker/Datepicker.vue
  • pages/components/datepicker/examples/ExEditable.vue
  • pages/components/datepicker/examples/ExEvents.vue
  • pages/components/datepicker/examples/ExFooter.vue
  • pages/components/datepicker/examples/ExHeader.vue
  • pages/components/datepicker/examples/ExInline.vue
  • pages/components/datepicker/examples/ExMonth.vue
  • pages/components/datepicker/examples/ExMultipleInput.vue
  • pages/components/datepicker/examples/ExProgrammatically.vue
  • pages/components/datepicker/examples/ExRange.vue
  • pages/components/datepicker/examples/ExRangeInput.vue
  • pages/components/datepicker/examples/ExSimple.vue
  • pages/components/datepicker/examples/ExTrigger.vue
  • pages/components/datepicker/examples/ExUnselectable.vue
  • pages/components/datetimepicker/Datetimepicker.vue
  • pages/components/datetimepicker/examples/ExEditable.vue
  • pages/components/datetimepicker/examples/ExFooter.vue
  • pages/components/datetimepicker/examples/ExGranularity.vue
  • pages/components/datetimepicker/examples/ExInline.vue
  • pages/components/datetimepicker/examples/ExRange.vue
  • pages/components/datetimepicker/examples/ExSimple.vue
  • pages/components/dialog/Dialog.vue
  • pages/components/dialog/examples/ExAlertDialog.vue
  • pages/components/dialog/examples/ExConfirmDialog.vue
  • pages/components/dialog/examples/ExPromptDialog.vue
  • pages/components/dropdown/Dropdown.vue
  • pages/components/dropdown/examples/ExContentPosition.vue
  • pages/components/dropdown/examples/ExCustomize.vue
  • pages/components/dropdown/examples/ExCustomizeMultiple.vue
  • pages/components/dropdown/examples/ExCustomizeScrollable.vue
  • pages/components/dropdown/examples/ExHasLinkDisabled.vue
  • pages/components/dropdown/examples/ExSimple.vue
  • pages/components/field/Field.vue
  • pages/components/field/examples/ExAddons.vue
  • pages/components/field/examples/ExCombineAddonsGroups.vue
  • pages/components/field/examples/ExCustomClass.vue
  • pages/components/field/examples/ExGroupExpanded.vue
  • pages/components/field/examples/ExGroupMultiline.vue
  • pages/components/field/examples/ExGroups.vue
  • pages/components/field/examples/ExHorizontal.vue
  • pages/components/field/examples/ExLabelPosition.vue
  • pages/components/field/examples/ExLabelSlot.vue
  • pages/components/field/examples/ExObjectSyntax.vue
  • pages/components/field/examples/ExPositions.vue
  • pages/components/field/examples/ExSimple.vue
  • pages/components/icon/Icon.vue
  • pages/components/icon/examples/ExCustom.vue
  • pages/components/icon/examples/ExFa.vue
  • pages/components/icon/examples/ExMdi.vue
  • pages/components/icon/examples/ExObjectSyntax.vue
  • pages/components/image/Image.vue
  • pages/components/image/examples/ExError.vue
  • pages/components/image/examples/ExPlaceholder.vue
  • pages/components/image/examples/ExSimple.vue
  • pages/components/image/examples/ExSrcset.vue
  • pages/components/image/examples/ExWebp.vue
  • pages/components/input/Input.vue
  • pages/components/input/examples/ExHorizontal.vue
  • pages/components/input/examples/ExIcons.vue
  • pages/components/input/examples/ExLazy.vue
  • pages/components/input/examples/ExPassword.vue
  • pages/components/input/examples/ExSimple.vue
  • pages/components/input/examples/ExSizes.vue
  • pages/components/input/examples/ExTypesStates.vue
  • pages/components/input/examples/ExValidation.vue
  • pages/components/loading/Loading.vue
  • pages/components/loading/examples/ExProgrammatically.vue
  • pages/components/loading/examples/ExSimple.vue
  • pages/components/loading/examples/ExTemplated.vue
  • pages/components/menu/Menu.vue
  • pages/components/menu/examples/ExSimple.vue
  • pages/components/message/Message.vue
  • pages/components/message/examples/ExAutoClose.vue
  • pages/components/message/examples/ExAutoCloseWithProgressBar.vue
  • pages/components/message/examples/ExCustomHeader.vue
  • pages/components/message/examples/ExHeaderless.vue
  • pages/components/message/examples/ExIcons.vue
  • pages/components/message/examples/ExSimple.vue
  • pages/components/message/examples/ExSizes.vue
  • pages/components/message/examples/ExTypes.vue
  • pages/components/modal/Modal.vue
  • pages/components/modal/examples/ExComponent.vue
  • pages/components/modal/examples/ExFullScreen.vue
  • pages/components/modal/examples/ExProgrammatic.vue
  • pages/components/modal/examples/ExSimple.vue
  • pages/components/navbar/Navbar.vue
  • pages/components/navbar/examples/ExSimple.vue
  • pages/components/notification/Notification.vue
  • pages/components/notification/examples/ExAutoClose.vue
  • pages/components/notification/examples/ExAutoCloseWithProgressBar.vue
  • pages/components/notification/examples/ExIcons.vue
  • pages/components/notification/examples/ExProgrammatically.vue
  • pages/components/notification/examples/ExSimple.vue
  • pages/components/notification/examples/ExTypes.vue
  • pages/components/numberinput/Numberinput.vue
  • pages/components/numberinput/examples/ExAlignment.vue
  • pages/components/numberinput/examples/ExCustomize.vue
  • pages/components/numberinput/examples/ExExpon.vue
  • pages/components/numberinput/examples/ExRange.vue
  • pages/components/numberinput/examples/ExSimple.vue
  • pages/components/numberinput/examples/ExSizes.vue
  • pages/components/numberinput/examples/ExStep.vue
  • pages/components/numberinput/examples/ExTypes.vue
  • pages/components/pagination/Pagination.vue
  • pages/components/pagination/examples/ExSimple.vue
  • pages/components/pagination/examples/ExSlot.vue
  • pages/components/progress/Progress.vue
  • pages/components/progress/examples/ExBars.vue
  • pages/components/progress/examples/ExNotRounded.vue
  • pages/components/progress/examples/ExSimple.vue
  • pages/components/progress/examples/ExSizes.vue
  • pages/components/progress/examples/ExSlot.vue
  • pages/components/progress/examples/ExTypes.vue
  • pages/components/progress/examples/ExValues.vue
  • pages/components/radio/Radio.vue
  • pages/components/radio/examples/ExRadioButton.vue
  • pages/components/radio/examples/ExSimple.vue
  • pages/components/radio/examples/ExSizes.vue
  • pages/components/radio/examples/ExTypes.vue
  • pages/components/rate/Rate.vue
  • pages/components/rate/examples/ExFull.vue
  • pages/components/rate/examples/ExSimple.vue
  • pages/components/select/Select.vue
  • pages/components/select/examples/ExIcons.vue
  • pages/components/select/examples/ExMultiple.vue
  • pages/components/select/examples/ExSimple.vue
  • pages/components/select/examples/ExSizes.vue
  • pages/components/sidebar/Sidebar.vue
  • pages/components/sidebar/examples/ExSimple.vue
  • pages/components/sidebar/examples/ExStatic.vue
  • pages/components/skeleton/Skeleton.vue
  • pages/components/skeleton/examples/ExCardTemplate.vue
  • pages/components/skeleton/examples/ExMediaTemplate.vue
  • pages/components/skeleton/examples/ExSimple.vue
  • pages/components/slider/Slider.vue
  • pages/components/slider/examples/ExCustomize.vue
  • pages/components/slider/examples/ExIndicator.vue
  • pages/components/slider/examples/ExLazy.vue
  • pages/components/slider/examples/ExRange.vue
  • pages/components/slider/examples/ExSimple.vue
  • pages/components/slider/examples/ExSizes.vue
  • pages/components/slider/examples/ExTick.vue
  • pages/components/slider/examples/ExTypes.vue
  • pages/components/snackbar/Snackbar.vue
  • pages/components/snackbar/examples/ExSimple.vue
  • pages/components/steps/Steps.vue
  • pages/components/steps/examples/ExDynamic.vue
  • pages/components/steps/examples/ExIcons.vue
  • pages/components/steps/examples/ExSimple.vue
  • pages/components/steps/examples/ExSizes.vue
  • pages/components/steps/examples/ExTypes.vue
  • pages/components/steps/examples/ExVertical.vue
  • pages/components/switch/Switch.vue
  • pages/components/switch/examples/ExSimple.vue
  • pages/components/switch/examples/ExSizes.vue
  • pages/components/switch/examples/ExStyles.vue
  • pages/components/switch/examples/ExTypes.vue
  • pages/components/table/Table.vue
  • pages/components/table/examples/ExAsyncData.vue
  • pages/components/table/examples/ExCheckable.vue
  • pages/components/table/examples/ExCustomDetailedRow.vue
  • pages/components/table/examples/ExCustomHeaders.vue
  • pages/components/table/examples/ExDetailedRow.vue
  • pages/components/table/examples/ExDraggableRows.vue
  • pages/components/table/examples/ExFooter.vue
  • pages/components/table/examples/ExPaginationSort.vue
  • pages/components/table/examples/ExRowStatus.vue
  • pages/components/table/examples/ExSandbox.vue
  • pages/components/table/examples/ExSearchable.vue
  • pages/components/table/examples/ExSelection.vue
  • pages/components/table/examples/ExSimple.vue
  • pages/components/table/examples/ExSortMultiple.vue
  • pages/components/table/examples/ExSticky.vue
  • pages/components/table/examples/ExSubheadings.vue
  • pages/components/table/examples/ExToggleColumns.vue
  • pages/components/tabs/Tabs.vue
  • pages/components/tabs/examples/ExCustomHeaders.vue
  • pages/components/tabs/examples/ExDynamic.vue
  • pages/components/tabs/examples/ExExpanded.vue
  • pages/components/tabs/examples/ExIcons.vue
  • pages/components/tabs/examples/ExPosition.vue
  • pages/components/tabs/examples/ExSimple.vue
  • pages/components/tabs/examples/ExSizes.vue
  • pages/components/tabs/examples/ExTypes.vue
  • pages/components/tabs/examples/ExVertical.vue
  • pages/components/tag/Tag.vue
  • pages/components/tag/examples/ExClosable.vue
  • pages/components/tag/examples/ExFieldCombine.vue
  • pages/components/tag/examples/ExIcon.vue
  • pages/components/tag/examples/ExSimple.vue
  • pages/components/tag/examples/ExSizes.vue
  • pages/components/tag/examples/ExTaglist.vue
  • pages/components/tag/examples/ExTaglistAttached.vue
  • pages/components/taginput/Taginput.vue
  • pages/components/taginput/examples/ExAutocomplete.vue
  • pages/components/taginput/examples/ExLimit.vue
  • pages/components/taginput/examples/ExModifier.vue
  • pages/components/taginput/examples/ExSelected.vue
  • pages/components/taginput/examples/ExSimple.vue
  • pages/components/taginput/examples/ExSize.vue
  • pages/components/taginput/examples/ExState.vue
  • pages/components/taginput/examples/ExTemplatedAutocomplete.vue
  • pages/components/taginput/examples/ExType.vue
  • pages/components/taginput/examples/ExValidation.vue
  • pages/components/timepicker/Timepicker.vue
  • pages/components/timepicker/examples/ExEditable.vue
  • pages/components/timepicker/examples/ExFooter.vue
  • pages/components/timepicker/examples/ExGranularity.vue
  • pages/components/timepicker/examples/ExInline.vue
  • pages/components/timepicker/examples/ExRange.vue
  • pages/components/timepicker/examples/ExSimple.vue
  • pages/components/toast/Toast.vue
  • pages/components/toast/examples/ExSimple.vue
  • pages/components/tooltip/Tooltip.vue
  • pages/components/tooltip/examples/ExCustom.vue
  • pages/components/tooltip/examples/ExMultilined.vue
  • pages/components/tooltip/examples/ExSimple.vue
  • pages/components/tooltip/examples/ExStyles.vue
  • pages/components/tooltip/examples/ExToggle.vue
  • pages/components/upload/Upload.vue
  • pages/components/upload/examples/ExDragDrop.vue
  • pages/components/upload/examples/ExExpanded.vue
  • pages/components/upload/examples/ExRounded.vue
  • pages/components/upload/examples/ExSimple.vue
  • pages/components/upload/examples/ExValidation.vue
  • pages/extensions/bulmacssvars/BulmaCssVars.vue
  • pages/extensions/bulmacssvars/examples/ExFormat.vue
  • pages/extensions/cleavejs/Cleavejs.vue
  • pages/extensions/cleavejs/examples/ExFormat.vue
  • pages/extensions/sortablejs/Sortablejs.vue
  • pages/extensions/sortablejs/examples/ExSimple.vue
  • pages/extensions/veevalidate/VeeValidate.vue
  • pages/extensions/vuebreakpointmixin/VueBreakpointMixin.vue
  • pages/extensions/vuebreakpointmixin/example/ExVueBreakpointMixin.vue
  • pages/installation/ConstructorOptions.vue
  • pages/installation/Customization.vue
  • pages/installation/Start.vue
  • templates/Documentation.vue
kikuomax commented

Since no type checking works for globally installed components, to enable it, we have to explicitly import components and specify them to components option if the options API is used. If the example single component file lacks the <script> section, the easiest way is to add <script setup lang="ts"> and import necessary components. For instance:

<script setup lang="ts">
import { BButton, BIcon } from '@ntohq/buefy-next'
</script>
wesdevpro commented

@kikuomax I have marked off all of the switch examples

  • 👍1