Showing preview only (8,575K chars total). Download the full file or copy to clipboard to get everything.
Repository: vuetifyjs/vuetify
Branch: master
Commit: 015da5215875
Files: 2850
Total size: 7.6 MB
Directory structure:
gitextract_h1t3tnb3/
├── .dockerignore
├── .editorconfig
├── .eslintrc.cjs
├── .gitattributes
├── .github/
│ ├── .git_commit_msg.txt
│ ├── CONTRIBUTING.md
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ └── config.yml
│ ├── PULL_REQUEST_TEMPLATE.md
│ ├── actions/
│ │ ├── download-locales/
│ │ │ └── action.yml
│ │ └── nightly-release/
│ │ └── action.yml
│ ├── issue-close-app.yml
│ ├── lock.yml
│ ├── semantic.yml
│ ├── sponsors.yml
│ └── workflows/
│ ├── ci.yml
│ ├── close-issue.yml
│ ├── crowdin-uploads.yml
│ ├── nightly.yml
│ ├── stale.yml
│ └── triage.yml
├── .gitignore
├── .husky/
│ ├── commit-msg
│ ├── pre-commit
│ └── prepare-commit-msg
├── .nvmrc
├── CODE_OF_CONDUCT.md
├── Dockerfile
├── SECURITY.md
├── crowdin.yml
├── docker-compose.yml
├── eslint-local-rules.cjs
├── jest.config.cjs
├── lerna.json
├── package.json
├── packages/
│ ├── README.md
│ ├── api-generator/
│ │ ├── .gitignore
│ │ ├── package.json
│ │ ├── src/
│ │ │ ├── helpers/
│ │ │ │ ├── sass.ts
│ │ │ │ └── text.ts
│ │ │ ├── index.ts
│ │ │ ├── locale/
│ │ │ │ └── en/
│ │ │ │ ├── $vuetify.json
│ │ │ │ ├── DataIterator-items.json
│ │ │ │ ├── DataTable-expand.json
│ │ │ │ ├── DataTable-group.json
│ │ │ │ ├── DataTable-header.json
│ │ │ │ ├── DataTable-items.json
│ │ │ │ ├── DataTable-paginate.json
│ │ │ │ ├── DataTable-select.json
│ │ │ │ ├── DataTable-sort.json
│ │ │ │ ├── DataTable.json
│ │ │ │ ├── Select.json
│ │ │ │ ├── SelectionControlGroup.json
│ │ │ │ ├── Slider.json
│ │ │ │ ├── Stepper.json
│ │ │ │ ├── StepperItem.json
│ │ │ │ ├── VAlert.json
│ │ │ │ ├── VApp.json
│ │ │ │ ├── VAppBar.json
│ │ │ │ ├── VAutocomplete.json
│ │ │ │ ├── VAvatar.json
│ │ │ │ ├── VAvatarGroup.json
│ │ │ │ ├── VBadge.json
│ │ │ │ ├── VBanner.json
│ │ │ │ ├── VBottomNavigation.json
│ │ │ │ ├── VBottomSheet.json
│ │ │ │ ├── VBreadcrumbs.json
│ │ │ │ ├── VBreadcrumbsDivider.json
│ │ │ │ ├── VBtn.json
│ │ │ │ ├── VBtnGroup.json
│ │ │ │ ├── VBtnToggle.json
│ │ │ │ ├── VCalendar.json
│ │ │ │ ├── VCard.json
│ │ │ │ ├── VCarousel.json
│ │ │ │ ├── VCheckbox.json
│ │ │ │ ├── VCheckboxBtn.json
│ │ │ │ ├── VChip.json
│ │ │ │ ├── VChipGroup.json
│ │ │ │ ├── VCol.json
│ │ │ │ ├── VColorInput.json
│ │ │ │ ├── VColorPicker.json
│ │ │ │ ├── VCombobox.json
│ │ │ │ ├── VCommandPalette.json
│ │ │ │ ├── VCommandPaletteItem.json
│ │ │ │ ├── VConfirmEdit.json
│ │ │ │ ├── VContainer.json
│ │ │ │ ├── VCounter.json
│ │ │ │ ├── VDataIterator.json
│ │ │ │ ├── VDataTable.json
│ │ │ │ ├── VDataTableFooter.json
│ │ │ │ ├── VDataTableHeaders.json
│ │ │ │ ├── VDataTableRow.json
│ │ │ │ ├── VDataTableRows.json
│ │ │ │ ├── VDataTableServer.json
│ │ │ │ ├── VDataTableVirtual.json
│ │ │ │ ├── VDateInput.json
│ │ │ │ ├── VDatePicker.json
│ │ │ │ ├── VDatePickerControls.json
│ │ │ │ ├── VDatePickerHeader.json
│ │ │ │ ├── VDatePickerMonth.json
│ │ │ │ ├── VDatePickerMonths.json
│ │ │ │ ├── VDatePickerYears.json
│ │ │ │ ├── VDefaultsProvider.json
│ │ │ │ ├── VDialog.json
│ │ │ │ ├── VDialogTransition.json
│ │ │ │ ├── VDivider.json
│ │ │ │ ├── VEmptyState.json
│ │ │ │ ├── VExpansionPanel.json
│ │ │ │ ├── VExpansionPanelTitle.json
│ │ │ │ ├── VExpansionPanels.json
│ │ │ │ ├── VFab.json
│ │ │ │ ├── VField.json
│ │ │ │ ├── VFieldLabel.json
│ │ │ │ ├── VFileInput.json
│ │ │ │ ├── VFileUpload.json
│ │ │ │ ├── VFileUploadDropzone.json
│ │ │ │ ├── VFileUploadItem.json
│ │ │ │ ├── VFileUploadList.json
│ │ │ │ ├── VFooter.json
│ │ │ │ ├── VForm.json
│ │ │ │ ├── VHotkey.json
│ │ │ │ ├── VHover.json
│ │ │ │ ├── VIconBtn.json
│ │ │ │ ├── VImg.json
│ │ │ │ ├── VInfiniteScroll.json
│ │ │ │ ├── VInput.json
│ │ │ │ ├── VItemGroup.json
│ │ │ │ ├── VLayout.json
│ │ │ │ ├── VLayoutItem.json
│ │ │ │ ├── VLazy.json
│ │ │ │ ├── VList.json
│ │ │ │ ├── VListGroup.json
│ │ │ │ ├── VListItem.json
│ │ │ │ ├── VListSubheader.json
│ │ │ │ ├── VLocaleProvider.json
│ │ │ │ ├── VMain.json
│ │ │ │ ├── VMenu.json
│ │ │ │ ├── VMessages.json
│ │ │ │ ├── VNavigationDrawer.json
│ │ │ │ ├── VNumberInput.json
│ │ │ │ ├── VOtpInput.json
│ │ │ │ ├── VOverflowBtn.json
│ │ │ │ ├── VOverlay-activator.json
│ │ │ │ ├── VOverlay-location-strategies.json
│ │ │ │ ├── VOverlay-scroll-strategies.json
│ │ │ │ ├── VOverlay.json
│ │ │ │ ├── VPagination.json
│ │ │ │ ├── VParallax.json
│ │ │ │ ├── VPicker.json
│ │ │ │ ├── VPie.json
│ │ │ │ ├── VPieSegment.json
│ │ │ │ ├── VPieTooltip.json
│ │ │ │ ├── VProgress.json
│ │ │ │ ├── VProgressCircular.json
│ │ │ │ ├── VProgressLinear.json
│ │ │ │ ├── VPullToRefresh.json
│ │ │ │ ├── VRadio.json
│ │ │ │ ├── VRadioGroup.json
│ │ │ │ ├── VRangeSlider.json
│ │ │ │ ├── VRating.json
│ │ │ │ ├── VResponsive.json
│ │ │ │ ├── VRow.json
│ │ │ │ ├── VSelect.json
│ │ │ │ ├── VSelectionControl.json
│ │ │ │ ├── VSheet.json
│ │ │ │ ├── VSkeletonLoader.json
│ │ │ │ ├── VSlideGroup.json
│ │ │ │ ├── VSlider.json
│ │ │ │ ├── VSnackbar.json
│ │ │ │ ├── VSnackbarQueue.json
│ │ │ │ ├── VSparkline.json
│ │ │ │ ├── VSpeedDial.json
│ │ │ │ ├── VStepper.json
│ │ │ │ ├── VStepperActions.json
│ │ │ │ ├── VStepperHeader.json
│ │ │ │ ├── VStepperItem.json
│ │ │ │ ├── VStepperVertical.json
│ │ │ │ ├── VStepperVerticalItem.json
│ │ │ │ ├── VStepperWindow.json
│ │ │ │ ├── VStepperWindowItem.json
│ │ │ │ ├── VSwitch.json
│ │ │ │ ├── VSystemBar.json
│ │ │ │ ├── VTab.json
│ │ │ │ ├── VTable.json
│ │ │ │ ├── VTabs.json
│ │ │ │ ├── VTextField.json
│ │ │ │ ├── VTextarea.json
│ │ │ │ ├── VThemeProvider.json
│ │ │ │ ├── VTimePicker.json
│ │ │ │ ├── VTimePickerClock.json
│ │ │ │ ├── VTimePickerControls.json
│ │ │ │ ├── VTimeline.json
│ │ │ │ ├── VTimelineItem.json
│ │ │ │ ├── VToolbar.json
│ │ │ │ ├── VTooltip.json
│ │ │ │ ├── VTreeview.json
│ │ │ │ ├── VTreeviewGroup.json
│ │ │ │ ├── VTreeviewItem.json
│ │ │ │ ├── VVideo.json
│ │ │ │ ├── VVideoControls.json
│ │ │ │ ├── VVideoVolume.json
│ │ │ │ ├── VVirtualScroll.json
│ │ │ │ ├── VWindow.json
│ │ │ │ ├── VWindowItem.json
│ │ │ │ ├── autocomplete.json
│ │ │ │ ├── border.json
│ │ │ │ ├── calendar.json
│ │ │ │ ├── delay.json
│ │ │ │ ├── dimension.json
│ │ │ │ ├── display.json
│ │ │ │ ├── elevation.json
│ │ │ │ ├── filter.json
│ │ │ │ ├── focus.json
│ │ │ │ ├── form.json
│ │ │ │ ├── generic.json
│ │ │ │ ├── group-item.json
│ │ │ │ ├── group.json
│ │ │ │ ├── layout-item.json
│ │ │ │ ├── layout.json
│ │ │ │ ├── list-items.json
│ │ │ │ ├── loader.json
│ │ │ │ ├── location.json
│ │ │ │ ├── mask.json
│ │ │ │ ├── nested.json
│ │ │ │ ├── position.json
│ │ │ │ ├── rounded.json
│ │ │ │ ├── router.json
│ │ │ │ ├── size.json
│ │ │ │ ├── tag.json
│ │ │ │ ├── theme.json
│ │ │ │ ├── time-validation.json
│ │ │ │ ├── transition.json
│ │ │ │ ├── useDate.json
│ │ │ │ ├── useDisplay.json
│ │ │ │ ├── useGoTo.json
│ │ │ │ ├── useHotkey.json
│ │ │ │ ├── useLayout.json
│ │ │ │ ├── useLocale.json
│ │ │ │ ├── useMask.json
│ │ │ │ ├── useRtl.json
│ │ │ │ ├── useTheme.json
│ │ │ │ ├── v-click-outside.json
│ │ │ │ ├── v-intersect.json
│ │ │ │ ├── v-mutate.json
│ │ │ │ ├── v-resize.json
│ │ │ │ ├── v-ripple.json
│ │ │ │ ├── v-scroll.json
│ │ │ │ ├── v-tooltip.json
│ │ │ │ ├── v-touch.json
│ │ │ │ ├── validation.json
│ │ │ │ └── virtual.json
│ │ │ ├── shims.d.ts
│ │ │ ├── types.ts
│ │ │ ├── utils.ts
│ │ │ ├── vetur.ts
│ │ │ ├── web-types.ts
│ │ │ └── worker.ts
│ │ ├── templates/
│ │ │ ├── component.d.ts
│ │ │ ├── composables.d.ts
│ │ │ └── directives.d.ts
│ │ └── tsconfig.json
│ ├── docs/
│ │ ├── .browserslistrc
│ │ ├── .eslintignore
│ │ ├── .eslintrc.cjs
│ │ ├── .gitignore
│ │ ├── .markdownlintrc
│ │ ├── auto-imports.d.ts
│ │ ├── build/
│ │ │ ├── Caddyfile
│ │ │ ├── api-plugin.ts
│ │ │ ├── examples-plugin.ts
│ │ │ ├── markdown-it.ts
│ │ │ ├── markdownBuilders.ts
│ │ │ ├── mdi-js.ts
│ │ │ └── sitemap.js
│ │ ├── components.d.ts
│ │ ├── index.html
│ │ ├── jest-runner-eslint.config.cjs
│ │ ├── jest.config.cjs
│ │ ├── package.json
│ │ ├── public/
│ │ │ ├── ads.txt
│ │ │ ├── llms.txt
│ │ │ ├── robots.txt
│ │ │ └── search.xml
│ │ ├── src/
│ │ │ ├── App.vue
│ │ │ ├── components/
│ │ │ │ ├── Alert.vue
│ │ │ │ ├── Backmatter.vue
│ │ │ │ ├── PageFeatures.vue
│ │ │ │ ├── about/
│ │ │ │ │ ├── TeamMember.vue
│ │ │ │ │ └── TeamMembers.vue
│ │ │ │ ├── api/
│ │ │ │ │ ├── ApiTable.vue
│ │ │ │ │ ├── Backlinks.vue
│ │ │ │ │ ├── DirectiveTable.vue
│ │ │ │ │ ├── EventsTable.vue
│ │ │ │ │ ├── ExposedTable.vue
│ │ │ │ │ ├── Inline.vue
│ │ │ │ │ ├── Links.vue
│ │ │ │ │ ├── NameCell.vue
│ │ │ │ │ ├── PrismCell.vue
│ │ │ │ │ ├── PropsTable.vue
│ │ │ │ │ ├── SassTable.vue
│ │ │ │ │ ├── Search.vue
│ │ │ │ │ ├── Section.vue
│ │ │ │ │ ├── SlotsTable.vue
│ │ │ │ │ ├── View.vue
│ │ │ │ │ └── utils.ts
│ │ │ │ ├── app/
│ │ │ │ │ ├── BackToTop.vue
│ │ │ │ │ ├── Btn.vue
│ │ │ │ │ ├── Caption.vue
│ │ │ │ │ ├── CommitBtn.vue
│ │ │ │ │ ├── Divider.vue
│ │ │ │ │ ├── Figure.vue
│ │ │ │ │ ├── Heading.vue
│ │ │ │ │ ├── Headline.vue
│ │ │ │ │ ├── Link.vue
│ │ │ │ │ ├── Markdown.vue
│ │ │ │ │ ├── Markup.vue
│ │ │ │ │ ├── Sheet.vue
│ │ │ │ │ ├── Table.vue
│ │ │ │ │ ├── TextField.vue
│ │ │ │ │ ├── Title.vue
│ │ │ │ │ ├── Toc.vue
│ │ │ │ │ ├── TooltipBtn.vue
│ │ │ │ │ ├── V2Banner.vue
│ │ │ │ │ ├── VersionBtn.vue
│ │ │ │ │ ├── VerticalDivider.vue
│ │ │ │ │ ├── bar/
│ │ │ │ │ │ ├── Bar.vue
│ │ │ │ │ │ ├── BlogLink.vue
│ │ │ │ │ │ ├── EcosystemMenu.vue
│ │ │ │ │ │ ├── EnterpriseLink.vue
│ │ │ │ │ │ ├── GitHubLink.vue
│ │ │ │ │ │ ├── JobsLink.vue
│ │ │ │ │ │ ├── LanguageMenu.vue
│ │ │ │ │ │ ├── LearnMenu.vue
│ │ │ │ │ │ ├── Logo.vue
│ │ │ │ │ │ ├── NotificationsMenu.vue
│ │ │ │ │ │ ├── OneLink.vue
│ │ │ │ │ │ ├── PlaygroundLink.vue
│ │ │ │ │ │ ├── SettingsToggle.vue
│ │ │ │ │ │ ├── SponsorLink.vue
│ │ │ │ │ │ ├── StoreLink.vue
│ │ │ │ │ │ ├── SupportLink.vue
│ │ │ │ │ │ ├── SupportMenu.vue
│ │ │ │ │ │ ├── TeamLink.vue
│ │ │ │ │ │ └── ThemeToggle.vue
│ │ │ │ │ ├── drawer/
│ │ │ │ │ │ ├── Append.vue
│ │ │ │ │ │ ├── Drawer.vue
│ │ │ │ │ │ ├── DrawerToggleRail.vue
│ │ │ │ │ │ └── PinnedItems.vue
│ │ │ │ │ ├── list/
│ │ │ │ │ │ ├── LinkListItem.vue
│ │ │ │ │ │ └── List.vue
│ │ │ │ │ ├── menu/
│ │ │ │ │ │ └── Menu.vue
│ │ │ │ │ ├── search/
│ │ │ │ │ │ ├── Search.vue
│ │ │ │ │ │ ├── SearchDialog.vue
│ │ │ │ │ │ ├── SearchGroup.vue
│ │ │ │ │ │ └── SearchResults.vue
│ │ │ │ │ └── settings/
│ │ │ │ │ ├── Append.vue
│ │ │ │ │ ├── DeveloperMode.vue
│ │ │ │ │ ├── DocumentationBuild.vue
│ │ │ │ │ ├── Drawer.vue
│ │ │ │ │ ├── LatestCommit.vue
│ │ │ │ │ ├── LatestRelease.vue
│ │ │ │ │ ├── Options.vue
│ │ │ │ │ ├── SettingsHeader.vue
│ │ │ │ │ └── options/
│ │ │ │ │ ├── AdOption.vue
│ │ │ │ │ ├── ApiOption.vue
│ │ │ │ │ ├── CodeOption.vue
│ │ │ │ │ ├── OfflineOption.vue
│ │ │ │ │ ├── PinOption.vue
│ │ │ │ │ ├── RailDrawerOption.vue
│ │ │ │ │ ├── SlashSearchOption.vue
│ │ │ │ │ └── ThemeOption.vue
│ │ │ │ ├── components/
│ │ │ │ │ └── ListItem.vue
│ │ │ │ ├── dashboard/
│ │ │ │ │ └── DashboardEmptyState.vue
│ │ │ │ ├── doc/
│ │ │ │ │ ├── Explorer.vue
│ │ │ │ │ ├── IconList.vue
│ │ │ │ │ ├── IconTable.vue
│ │ │ │ │ ├── Introduced.vue
│ │ │ │ │ ├── MadeWithVueAttribution.vue
│ │ │ │ │ ├── MadeWithVuetifyGallery.vue
│ │ │ │ │ ├── MadeWithVuetifyLink.vue
│ │ │ │ │ ├── ReadyForMore.vue
│ │ │ │ │ ├── RelatedPage.vue
│ │ │ │ │ ├── RelatedPages.vue
│ │ │ │ │ ├── Releases.vue
│ │ │ │ │ ├── Tabs.vue
│ │ │ │ │ ├── ThemeCard.vue
│ │ │ │ │ ├── ThemeVendor.vue
│ │ │ │ │ ├── TypographyPreview.vue
│ │ │ │ │ ├── UpNext.vue
│ │ │ │ │ └── VueJobs.vue
│ │ │ │ ├── examples/
│ │ │ │ │ ├── Example.vue
│ │ │ │ │ ├── ExampleMissing.vue
│ │ │ │ │ ├── Usage.vue
│ │ │ │ │ ├── UsageExample.vue
│ │ │ │ │ └── VueFile.vue
│ │ │ │ ├── features/
│ │ │ │ │ ├── BreakpointsTable.vue
│ │ │ │ │ ├── ColorPalette.vue
│ │ │ │ │ └── SassApi.vue
│ │ │ │ ├── getting-started/
│ │ │ │ │ └── WireframeExamples.vue
│ │ │ │ ├── home/
│ │ │ │ │ ├── Blogs.vue
│ │ │ │ │ ├── Common/
│ │ │ │ │ │ ├── Card.vue
│ │ │ │ │ │ ├── Gradient.vue
│ │ │ │ │ │ ├── Marquee.vue
│ │ │ │ │ │ └── Title.vue
│ │ │ │ │ ├── Discord.vue
│ │ │ │ │ ├── Ecosystem.vue
│ │ │ │ │ ├── Entry.vue
│ │ │ │ │ ├── Footer.vue
│ │ │ │ │ ├── Gallery/
│ │ │ │ │ │ ├── Analytics.vue
│ │ │ │ │ │ ├── Chat/
│ │ │ │ │ │ │ ├── Chat.vue
│ │ │ │ │ │ │ ├── Detail.vue
│ │ │ │ │ │ │ └── List.vue
│ │ │ │ │ │ ├── Components.vue
│ │ │ │ │ │ ├── Dashboard.vue
│ │ │ │ │ │ ├── Login.vue
│ │ │ │ │ │ └── Settings.vue
│ │ │ │ │ ├── Logo.vue
│ │ │ │ │ ├── Snips.vue
│ │ │ │ │ ├── SnipsExample.vue
│ │ │ │ │ ├── SpecialSponsor.vue
│ │ │ │ │ ├── Sponsors.vue
│ │ │ │ │ ├── Store.vue
│ │ │ │ │ ├── Support.vue
│ │ │ │ │ ├── Tooling.vue
│ │ │ │ │ └── VuetifyOne.vue
│ │ │ │ ├── icons/
│ │ │ │ │ └── ChevronDown.vue
│ │ │ │ ├── introduction/
│ │ │ │ │ ├── Comparison.vue
│ │ │ │ │ ├── ConsultingServices.vue
│ │ │ │ │ ├── DirectSupport.vue
│ │ │ │ │ ├── DiscordDeck.vue
│ │ │ │ │ ├── EnterpriseDeck.vue
│ │ │ │ │ ├── EnterpriseForm.vue
│ │ │ │ │ └── SlaDeck.vue
│ │ │ │ ├── one/
│ │ │ │ │ ├── FAQ.vue
│ │ │ │ │ ├── Hero.vue
│ │ │ │ │ ├── Properties.vue
│ │ │ │ │ ├── Roadmap.vue
│ │ │ │ │ └── SubscribeCard.vue
│ │ │ │ ├── promoted/
│ │ │ │ │ ├── Base.vue
│ │ │ │ │ ├── Carbon.vue
│ │ │ │ │ ├── Discovery.vue
│ │ │ │ │ ├── Entry.vue
│ │ │ │ │ ├── Inline.vue
│ │ │ │ │ ├── Promoted.vue
│ │ │ │ │ ├── Random.vue
│ │ │ │ │ ├── Script.vue
│ │ │ │ │ └── Vuetify.vue
│ │ │ │ ├── promotions/
│ │ │ │ │ └── PromotionCard.vue
│ │ │ │ ├── resources/
│ │ │ │ │ ├── ColorPalette.vue
│ │ │ │ │ └── Logos.vue
│ │ │ │ ├── sponsor/
│ │ │ │ │ ├── Card.vue
│ │ │ │ │ ├── Link.vue
│ │ │ │ │ ├── SnackbarPopup.vue
│ │ │ │ │ └── Sponsors.vue
│ │ │ │ └── user/
│ │ │ │ ├── OneSubCard.vue
│ │ │ │ ├── UserTabs.vue
│ │ │ │ └── badges/
│ │ │ │ ├── UserAdminBadge.vue
│ │ │ │ ├── UserOneBadge.vue
│ │ │ │ └── UserSponsorBadge.vue
│ │ │ ├── composables/
│ │ │ │ ├── ad.ts
│ │ │ │ ├── bin.ts
│ │ │ │ ├── cosmic.ts
│ │ │ │ ├── frontmatter.ts
│ │ │ │ ├── markdown.ts
│ │ │ │ └── playground.ts
│ │ │ ├── data/
│ │ │ │ ├── 301.json
│ │ │ │ ├── metadata.json
│ │ │ │ ├── nav.json
│ │ │ │ ├── new-in.json
│ │ │ │ ├── page-to-api.json
│ │ │ │ └── team.json
│ │ │ ├── examples/
│ │ │ │ ├── accessibility/
│ │ │ │ │ ├── list-item-group.vue
│ │ │ │ │ ├── menu.vue
│ │ │ │ │ └── select-list-item.vue
│ │ │ │ ├── application/
│ │ │ │ │ ├── app-bar-drawer.vue
│ │ │ │ │ ├── drawer-app-bar.vue
│ │ │ │ │ └── theme.vue
│ │ │ │ ├── application-layout/
│ │ │ │ │ ├── app-bar-first.vue
│ │ │ │ │ ├── discord.vue
│ │ │ │ │ ├── dynamic.vue
│ │ │ │ │ ├── layout-information-composable.vue
│ │ │ │ │ ├── layout-information-ref.vue
│ │ │ │ │ ├── location.vue
│ │ │ │ │ └── nav-drawer-first.vue
│ │ │ │ ├── blueprints/
│ │ │ │ │ ├── md1.vue
│ │ │ │ │ ├── md2.vue
│ │ │ │ │ └── md3.vue
│ │ │ │ ├── border/
│ │ │ │ │ ├── all.vue
│ │ │ │ │ ├── card.vue
│ │ │ │ │ ├── colors.vue
│ │ │ │ │ ├── sides.vue
│ │ │ │ │ └── styles.vue
│ │ │ │ ├── border-radius/
│ │ │ │ │ ├── misc-components.vue
│ │ │ │ │ ├── misc-pill-and-circle.vue
│ │ │ │ │ ├── misc-removing-border-radius.vue
│ │ │ │ │ ├── misc-rounded-corners.vue
│ │ │ │ │ ├── misc-rounding-by-corner.vue
│ │ │ │ │ └── misc-rounding-by-side.vue
│ │ │ │ ├── color/
│ │ │ │ │ ├── classes.vue
│ │ │ │ │ └── text-classes.vue
│ │ │ │ ├── concepts/
│ │ │ │ │ ├── density-and-size.vue
│ │ │ │ │ ├── density.vue
│ │ │ │ │ └── size.vue
│ │ │ │ ├── cursor/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── display/
│ │ │ │ │ ├── display-block.vue
│ │ │ │ │ ├── display-inline.vue
│ │ │ │ │ ├── hidden-elements.vue
│ │ │ │ │ ├── print.vue
│ │ │ │ │ └── visibility.vue
│ │ │ │ ├── elevation/
│ │ │ │ │ ├── prop-dynamic.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── flex/
│ │ │ │ │ ├── flex-align-content.vue
│ │ │ │ │ ├── flex-align-self.vue
│ │ │ │ │ ├── flex-align.vue
│ │ │ │ │ ├── flex-column.vue
│ │ │ │ │ ├── flex-direction.vue
│ │ │ │ │ ├── flex-flex.vue
│ │ │ │ │ ├── flex-justify.vue
│ │ │ │ │ ├── flex-nowrap.vue
│ │ │ │ │ ├── flex-order.vue
│ │ │ │ │ ├── flex-wrap-reverse.vue
│ │ │ │ │ ├── flex-wrap.vue
│ │ │ │ │ ├── flexbox-inline.vue
│ │ │ │ │ ├── flexbox.vue
│ │ │ │ │ ├── grow-shrink.vue
│ │ │ │ │ ├── margins-align-items.vue
│ │ │ │ │ └── margins.vue
│ │ │ │ ├── float/
│ │ │ │ │ ├── classes.vue
│ │ │ │ │ └── responsive.vue
│ │ │ │ ├── grid/
│ │ │ │ │ ├── misc-column-wrapping.vue
│ │ │ │ │ ├── misc-equal-width-columns.vue
│ │ │ │ │ ├── misc-grow-and-shrink.vue
│ │ │ │ │ ├── misc-margin-helpers.vue
│ │ │ │ │ ├── misc-nested-grid.vue
│ │ │ │ │ ├── misc-one-column-width.vue
│ │ │ │ │ ├── misc-row-and-column-breakpoints.vue
│ │ │ │ │ ├── misc-size-overrides.vue
│ │ │ │ │ ├── misc-spacer.vue
│ │ │ │ │ ├── misc-unique-layouts.vue
│ │ │ │ │ ├── misc-variable-content.vue
│ │ │ │ │ ├── prop-align.vue
│ │ │ │ │ ├── prop-breakpoint-sizing.vue
│ │ │ │ │ ├── prop-density-compact.vue
│ │ │ │ │ ├── prop-justify.vue
│ │ │ │ │ ├── prop-offset-breakpoint.vue
│ │ │ │ │ ├── prop-offset.vue
│ │ │ │ │ ├── prop-order-first-and-last.vue
│ │ │ │ │ ├── prop-order.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── hotkey/
│ │ │ │ │ ├── basic.vue
│ │ │ │ │ ├── options.vue
│ │ │ │ │ ├── platform.vue
│ │ │ │ │ ├── reactive.vue
│ │ │ │ │ ├── sequences.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── opacity/
│ │ │ │ │ ├── misc-hover.vue
│ │ │ │ │ └── misc-opacity.vue
│ │ │ │ ├── overflow/
│ │ │ │ │ ├── overflow-x.vue
│ │ │ │ │ └── overflow.vue
│ │ │ │ ├── position/
│ │ │ │ │ ├── absolute.vue
│ │ │ │ │ ├── fixed.vue
│ │ │ │ │ ├── relative.vue
│ │ │ │ │ ├── static.vue
│ │ │ │ │ └── sticky.vue
│ │ │ │ ├── scroll/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── sizing/
│ │ │ │ │ ├── height.vue
│ │ │ │ │ └── width.vue
│ │ │ │ ├── spacing/
│ │ │ │ │ ├── breakpoints.vue
│ │ │ │ │ ├── gap.vue
│ │ │ │ │ ├── horizontal.vue
│ │ │ │ │ ├── negative-margin.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── text-and-typography/
│ │ │ │ │ ├── font-emphasis.vue
│ │ │ │ │ ├── text-alignment-responsive.vue
│ │ │ │ │ ├── text-alignment.vue
│ │ │ │ │ ├── text-break.vue
│ │ │ │ │ ├── text-decoration.vue
│ │ │ │ │ ├── text-no-wrap.vue
│ │ │ │ │ ├── text-opacity.vue
│ │ │ │ │ ├── text-rtl.vue
│ │ │ │ │ ├── text-transform.vue
│ │ │ │ │ ├── text-truncate.vue
│ │ │ │ │ ├── typography-breakpoints.vue
│ │ │ │ │ └── typography.vue
│ │ │ │ ├── transitions/
│ │ │ │ │ ├── create-css-transition-component.vue
│ │ │ │ │ ├── create-css-transition-prop.vue
│ │ │ │ │ ├── misc-expand-x-padding.vue
│ │ │ │ │ ├── misc-expand-x.vue
│ │ │ │ │ ├── misc-fab.vue
│ │ │ │ │ ├── misc-fade.vue
│ │ │ │ │ ├── misc-scale.vue
│ │ │ │ │ ├── misc-scroll-x.vue
│ │ │ │ │ ├── misc-scroll-y.vue
│ │ │ │ │ ├── misc-slide-x.vue
│ │ │ │ │ ├── misc-slide-y.vue
│ │ │ │ │ ├── misc-todo.vue
│ │ │ │ │ ├── prop-custom-origin.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-alert/
│ │ │ │ │ ├── prop-border-color.vue
│ │ │ │ │ ├── prop-border.vue
│ │ │ │ │ ├── prop-closable.vue
│ │ │ │ │ ├── prop-content.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-icon.vue
│ │ │ │ │ ├── prop-outlined.vue
│ │ │ │ │ ├── prop-prominent.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-type.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-app-bar/
│ │ │ │ │ ├── misc-app-bar-nav.vue
│ │ │ │ │ ├── misc-menu.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-image.vue
│ │ │ │ │ ├── prop-prominent.vue
│ │ │ │ │ ├── prop-scroll-behavior.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-autocomplete/
│ │ │ │ │ ├── misc-asynchronous-items.vue
│ │ │ │ │ ├── misc-new-tab.vue
│ │ │ │ │ ├── misc-state-selector.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-filter-keys.vue
│ │ │ │ │ ├── prop-filter.vue
│ │ │ │ │ ├── prop-items.vue
│ │ │ │ │ ├── slot-item-and-selection.vue
│ │ │ │ │ ├── slot-item-and-vbind-props.vue
│ │ │ │ │ ├── slot-menu-footer.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-avatar/
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── misc-avatar-menu.vue
│ │ │ │ │ ├── misc-profile-card.vue
│ │ │ │ │ ├── prop-badge.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ ├── prop-tile.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-avatar-group/
│ │ │ │ │ ├── misc-hoverable.vue
│ │ │ │ │ ├── prop-items.vue
│ │ │ │ │ ├── prop-reverse.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ ├── slot-overflow.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-badge/
│ │ │ │ │ ├── misc-customization.vue
│ │ │ │ │ ├── misc-dynamic.vue
│ │ │ │ │ ├── misc-hover.vue
│ │ │ │ │ ├── misc-tabs.vue
│ │ │ │ │ ├── prop-content.vue
│ │ │ │ │ ├── prop-dot.vue
│ │ │ │ │ ├── prop-inline.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-banner/
│ │ │ │ │ ├── prop-lines.vue
│ │ │ │ │ ├── prop-sticky.vue
│ │ │ │ │ ├── slot-actions.vue
│ │ │ │ │ ├── slot-icon.vue
│ │ │ │ │ ├── slot-prepend.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-bottom-navigation/
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-grow.vue
│ │ │ │ │ ├── prop-hide-on-scroll.vue
│ │ │ │ │ ├── prop-horizontal.vue
│ │ │ │ │ ├── prop-scroll-threshold.vue
│ │ │ │ │ ├── prop-shift.vue
│ │ │ │ │ ├── prop-toggle.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-bottom-sheet/
│ │ │ │ │ ├── misc-open-in-list.vue
│ │ │ │ │ ├── misc-player.vue
│ │ │ │ │ ├── prop-inset.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-breadcrumbs/
│ │ │ │ │ ├── prop-divider.vue
│ │ │ │ │ ├── slot-icon-dividers.vue
│ │ │ │ │ ├── slot-prepend.vue
│ │ │ │ │ ├── slot-title.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-btn/
│ │ │ │ │ ├── defaults-banner-actions.vue
│ │ │ │ │ ├── defaults-bottom-navigation.vue
│ │ │ │ │ ├── defaults-btn-group.vue
│ │ │ │ │ ├── defaults-card-actions.vue
│ │ │ │ │ ├── defaults-snackbar.vue
│ │ │ │ │ ├── defaults-toolbar.vue
│ │ │ │ │ ├── misc-cookie-settings.vue
│ │ │ │ │ ├── misc-dialog-action.vue
│ │ │ │ │ ├── misc-discord-event.vue
│ │ │ │ │ ├── misc-group-survey.vue
│ │ │ │ │ ├── misc-raised.vue
│ │ │ │ │ ├── misc-readonly.vue
│ │ │ │ │ ├── misc-tax-form.vue
│ │ │ │ │ ├── misc-toolbar.vue
│ │ │ │ │ ├── prop-block.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-flat.vue
│ │ │ │ │ ├── prop-floating.vue
│ │ │ │ │ ├── prop-icon.vue
│ │ │ │ │ ├── prop-loaders.vue
│ │ │ │ │ ├── prop-outlined.vue
│ │ │ │ │ ├── prop-plain.vue
│ │ │ │ │ ├── prop-ripple.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ ├── prop-spaced.vue
│ │ │ │ │ ├── prop-tile.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ ├── slot-loader.vue
│ │ │ │ │ ├── slot-prepend-append.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-btn-toggle/
│ │ │ │ │ ├── misc-toolbar.vue
│ │ │ │ │ ├── misc-wysiwyg.vue
│ │ │ │ │ ├── prop-divided.vue
│ │ │ │ │ ├── prop-mandatory.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-calendar/
│ │ │ │ │ ├── event-click.vue
│ │ │ │ │ ├── misc-drag-and-drop.vue
│ │ │ │ │ ├── prop-type-category.vue
│ │ │ │ │ ├── prop-type-day.vue
│ │ │ │ │ ├── prop-type-week.vue
│ │ │ │ │ ├── slot-day-body.vue
│ │ │ │ │ ├── slot-day.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-card/
│ │ │ │ │ ├── basics-combine.vue
│ │ │ │ │ ├── basics-content.vue
│ │ │ │ │ ├── misc-card-reveal.vue
│ │ │ │ │ ├── misc-content-wrapping.vue
│ │ │ │ │ ├── misc-custom-actions.vue
│ │ │ │ │ ├── misc-earnings-goal.vue
│ │ │ │ │ ├── misc-grids.vue
│ │ │ │ │ ├── misc-horizontal-cards.vue
│ │ │ │ │ ├── misc-information-card.vue
│ │ │ │ │ ├── misc-intermediate.vue
│ │ │ │ │ ├── misc-media-with-text.vue
│ │ │ │ │ ├── misc-shopify-funding.vue
│ │ │ │ │ ├── misc-twitter-card.vue
│ │ │ │ │ ├── misc-weather-card.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-elevated.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-hover.vue
│ │ │ │ │ ├── prop-href.vue
│ │ │ │ │ ├── prop-image.vue
│ │ │ │ │ ├── prop-link.vue
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-outlined.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ ├── slot-prepend-append.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-carousel/
│ │ │ │ │ ├── misc-vertical.vue
│ │ │ │ │ ├── prop-custom-icons.vue
│ │ │ │ │ ├── prop-custom-transition.vue
│ │ │ │ │ ├── prop-cycle.vue
│ │ │ │ │ ├── prop-hide-controls.vue
│ │ │ │ │ ├── prop-hide-delimiters.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-progress.vue
│ │ │ │ │ ├── slots-next-prev.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-checkbox/
│ │ │ │ │ ├── misc-inline-textfield.vue
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-model-as-array.vue
│ │ │ │ │ ├── prop-model-as-boolean.vue
│ │ │ │ │ ├── prop-states.vue
│ │ │ │ │ ├── slot-label.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-chip/
│ │ │ │ │ ├── event-action-chips.vue
│ │ │ │ │ ├── misc-custom-list.vue
│ │ │ │ │ ├── misc-expandable.vue
│ │ │ │ │ ├── misc-filtering.vue
│ │ │ │ │ ├── misc-in-selects.vue
│ │ │ │ │ ├── prop-closable.vue
│ │ │ │ │ ├── prop-colored.vue
│ │ │ │ │ ├── prop-draggable.vue
│ │ │ │ │ ├── prop-filter.vue
│ │ │ │ │ ├── prop-label.vue
│ │ │ │ │ ├── prop-no-ripple.vue
│ │ │ │ │ ├── prop-outlined.vue
│ │ │ │ │ ├── prop-sizes.vue
│ │ │ │ │ ├── slot-icon.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-chip-group/
│ │ │ │ │ ├── misc-product-card.vue
│ │ │ │ │ ├── misc-reddit-categories.vue
│ │ │ │ │ ├── misc-toothbrush-card.vue
│ │ │ │ │ ├── prop-column.vue
│ │ │ │ │ ├── prop-filter.vue
│ │ │ │ │ ├── prop-mandatory.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-click-outside/
│ │ │ │ │ ├── option-close-on-outside-click.vue
│ │ │ │ │ ├── option-include.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-color-input/
│ │ │ │ │ ├── prop-color-pip.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-pip-location.vue
│ │ │ │ │ ├── prop-pip-variant.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-color-picker/
│ │ │ │ │ ├── prop-canvas.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-mode.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-swatches.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-combobox/
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-placeholder.vue
│ │ │ │ │ ├── slot-custom-chip.vue
│ │ │ │ │ ├── slot-menu-header.vue
│ │ │ │ │ ├── slot-no-data.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-command-palette/
│ │ │ │ │ ├── prop-close-on-select.vue
│ │ │ │ │ ├── prop-hotkey.vue
│ │ │ │ │ ├── prop-items.vue
│ │ │ │ │ ├── slot-item-append.vue
│ │ │ │ │ ├── slot-item-prepend.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-confirm-edit/
│ │ │ │ │ ├── misc-date-picker.vue
│ │ │ │ │ ├── misc-disable-actions.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-data-iterator/
│ │ │ │ │ ├── misc-filter.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ ├── slot-header-and-footer.vue
│ │ │ │ │ ├── slot-loader.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-data-table/
│ │ │ │ │ ├── headers-multiple.vue
│ │ │ │ │ ├── misc-crud.vue
│ │ │ │ │ ├── misc-edit-dialog.vue
│ │ │ │ │ ├── misc-expand.vue
│ │ │ │ │ ├── misc-external-paginate.vue
│ │ │ │ │ ├── misc-external-sort.vue
│ │ │ │ │ ├── misc-select-all.vue
│ │ │ │ │ ├── misc-server-side-paginate-and-sort.vue
│ │ │ │ │ ├── prop-custom-filter.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-filter-keys.vue
│ │ │ │ │ ├── prop-footer-props.vue
│ │ │ │ │ ├── prop-grouping.vue
│ │ │ │ │ ├── prop-headers-sort-raw.vue
│ │ │ │ │ ├── prop-hide-header-footer.vue
│ │ │ │ │ ├── prop-item-selectable.vue
│ │ │ │ │ ├── prop-item-value.vue
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-multi-sort.vue
│ │ │ │ │ ├── prop-return-object.vue
│ │ │ │ │ ├── prop-row-selection.vue
│ │ │ │ │ ├── prop-search.vue
│ │ │ │ │ ├── prop-select-strategy.vue
│ │ │ │ │ ├── prop-sort-by.vue
│ │ │ │ │ ├── prop-sort-icon.vue
│ │ │ │ │ ├── server-search.vue
│ │ │ │ │ ├── server.vue
│ │ │ │ │ ├── slot-group-header.vue
│ │ │ │ │ ├── slot-group-summary.vue
│ │ │ │ │ ├── slot-header.vue
│ │ │ │ │ ├── slot-headers.vue
│ │ │ │ │ ├── slot-item-data-table-select.vue
│ │ │ │ │ ├── slot-item-key.vue
│ │ │ │ │ ├── slot-item.vue
│ │ │ │ │ ├── slot-loading.vue
│ │ │ │ │ ├── slot-main.vue
│ │ │ │ │ ├── slot-simple-checkbox.vue
│ │ │ │ │ ├── usage.vue
│ │ │ │ │ ├── virtual-custom.vue
│ │ │ │ │ ├── virtual.vue
│ │ │ │ │ └── virtualized.vue
│ │ │ │ ├── v-date-input/
│ │ │ │ │ ├── misc-passenger.vue
│ │ │ │ │ ├── prop-input-format.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-multiple-range.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-prepend-icon.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-date-picker/
│ │ │ │ │ ├── event-button-events.vue
│ │ │ │ │ ├── guide-locale.vue
│ │ │ │ │ ├── misc-birthday.vue
│ │ │ │ │ ├── misc-dialog-and-menu.vue
│ │ │ │ │ ├── misc-formatting-external-libraries.vue
│ │ │ │ │ ├── misc-formatting.vue
│ │ │ │ │ ├── misc-internationalization.vue
│ │ │ │ │ ├── misc-orientation.vue
│ │ │ │ │ ├── prop-allowed-dates.vue
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-events.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-landscape.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-range.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-show-adjacent-months.vue
│ │ │ │ │ ├── prop-show-current.vue
│ │ │ │ │ ├── prop-width.vue
│ │ │ │ │ ├── slots-controls.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-date-picker-month/
│ │ │ │ │ ├── misc-dialog-and-menu.vue
│ │ │ │ │ ├── misc-internationalization.vue
│ │ │ │ │ ├── misc-orientation.vue
│ │ │ │ │ ├── prop-allowed-months.vue
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-show-current.vue
│ │ │ │ │ ├── prop-width.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-defaults-provider/
│ │ │ │ │ ├── prop-defaults.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-dialog/
│ │ │ │ │ ├── misc-data-table.vue
│ │ │ │ │ ├── misc-form.vue
│ │ │ │ │ ├── misc-invite-dialog.vue
│ │ │ │ │ ├── misc-loader.vue
│ │ │ │ │ ├── misc-nesting.vue
│ │ │ │ │ ├── misc-overflowed.vue
│ │ │ │ │ ├── misc-without-activator.vue
│ │ │ │ │ ├── prop-activator.vue
│ │ │ │ │ ├── prop-fullscreen.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-persistent.vue
│ │ │ │ │ ├── prop-scrollable.vue
│ │ │ │ │ ├── prop-transitions.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-divider/
│ │ │ │ │ ├── misc-portrait-view.vue
│ │ │ │ │ ├── misc-subheaders.vue
│ │ │ │ │ ├── prop-gradient.vue
│ │ │ │ │ ├── prop-inset.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-empty-state/
│ │ │ │ │ ├── misc-astro-cat.vue
│ │ │ │ │ ├── misc-astro-dog.vue
│ │ │ │ │ ├── prop-actions.vue
│ │ │ │ │ ├── prop-content.vue
│ │ │ │ │ ├── prop-media.vue
│ │ │ │ │ ├── slot-actions.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ ├── slot-title.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-expansion-panels/
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── misc-custom-icons.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-model.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-fab/
│ │ │ │ │ ├── misc-display-animation.vue
│ │ │ │ │ ├── misc-lateral-screens.vue
│ │ │ │ │ ├── misc-small.vue
│ │ │ │ │ ├── misc-speed-dial.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-file-input/
│ │ │ │ │ ├── misc-complex-selection.vue
│ │ │ │ │ ├── prop-accept.vue
│ │ │ │ │ ├── prop-chips.vue
│ │ │ │ │ ├── prop-counter.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-prepend-icon.vue
│ │ │ │ │ ├── prop-show-size.vue
│ │ │ │ │ ├── prop-validation.vue
│ │ │ │ │ ├── slot-selection.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-file-upload/
│ │ │ │ │ ├── misc-list.vue
│ │ │ │ │ ├── prop-content.vue
│ │ │ │ │ ├── prop-inset-file-list.vue
│ │ │ │ │ ├── prop-scrim.vue
│ │ │ │ │ ├── slot-item.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-footer/
│ │ │ │ │ ├── misc-company-footer.vue
│ │ │ │ │ ├── misc-indigo-footer.vue
│ │ │ │ │ ├── misc-teal-footer.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-form/
│ │ │ │ │ ├── misc-exposed.vue
│ │ │ │ │ ├── misc-vee-validate.vue
│ │ │ │ │ ├── misc-vuelidate.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-fast-fail.vue
│ │ │ │ │ ├── rules-async.vue
│ │ │ │ │ ├── rules-required.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-hotkey/
│ │ │ │ │ ├── prop-display-mode.vue
│ │ │ │ │ ├── prop-inline.vue
│ │ │ │ │ ├── prop-key-map.vue
│ │ │ │ │ ├── prop-keys.vue
│ │ │ │ │ ├── prop-platform-aware.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-hover/
│ │ │ │ │ ├── misc-hover-list.vue
│ │ │ │ │ ├── misc-transition.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-open-and-close-delay.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-icon/
│ │ │ │ │ ├── event-click.vue
│ │ │ │ │ ├── misc-buttons.vue
│ │ │ │ │ ├── misc-font-awesome.vue
│ │ │ │ │ ├── misc-md.vue
│ │ │ │ │ ├── misc-mdi-svg.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-icon-btn/
│ │ │ │ │ ├── misc-dialog.vue
│ │ │ │ │ ├── misc-markdown-editor.vue
│ │ │ │ │ ├── misc-table-actions.vue
│ │ │ │ │ ├── misc-video-controls.vue
│ │ │ │ │ ├── prop-active.vue
│ │ │ │ │ ├── prop-opacity.vue
│ │ │ │ │ ├── prop-rotate.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-img/
│ │ │ │ │ ├── complex-grid.vue
│ │ │ │ │ ├── misc-grid.vue
│ │ │ │ │ ├── prop-contain.vue
│ │ │ │ │ ├── prop-cover.vue
│ │ │ │ │ ├── prop-gradient.vue
│ │ │ │ │ ├── prop-image-class.vue
│ │ │ │ │ ├── prop-max-height.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── slot-error.vue
│ │ │ │ │ ├── slot-placeholder.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-infinite-scroll/
│ │ │ │ │ ├── misc-reset.vue
│ │ │ │ │ ├── misc-virtual.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-direction.vue
│ │ │ │ │ ├── prop-mode.vue
│ │ │ │ │ ├── prop-side-both.vue
│ │ │ │ │ ├── prop-side-start.vue
│ │ │ │ │ ├── slot-empty.vue
│ │ │ │ │ ├── slot-error.vue
│ │ │ │ │ ├── slot-load-more.vue
│ │ │ │ │ ├── slot-loading.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-input/
│ │ │ │ │ ├── event-slot-clicks.vue
│ │ │ │ │ ├── prop-error-count.vue
│ │ │ │ │ ├── prop-error.vue
│ │ │ │ │ ├── prop-hide-details.vue
│ │ │ │ │ ├── prop-hint.vue
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-rules.vue
│ │ │ │ │ ├── slot-append-and-prepend.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-intersect/
│ │ │ │ │ ├── prop-options.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-item-group/
│ │ │ │ │ ├── misc-selection.vue
│ │ │ │ │ ├── prop-mandatory.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-selected-class.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-lazy/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-list/
│ │ │ │ │ ├── misc-action-stack.vue
│ │ │ │ │ ├── misc-actions.vue
│ │ │ │ │ ├── misc-card-list.vue
│ │ │ │ │ ├── misc-simple-avatar-list.vue
│ │ │ │ │ ├── misc-single-line-list.vue
│ │ │ │ │ ├── misc-subheadings-and-dividers.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-items-custom.vue
│ │ │ │ │ ├── prop-items-prop.vue
│ │ │ │ │ ├── prop-items-type.vue
│ │ │ │ │ ├── prop-items.vue
│ │ │ │ │ ├── prop-nav.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-shaped.vue
│ │ │ │ │ ├── prop-sub-group.vue
│ │ │ │ │ ├── prop-three-line.vue
│ │ │ │ │ ├── prop-two-line-and-subheader.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ ├── slot-expansion-lists.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-mask-input/
│ │ │ │ │ ├── credit-card-form.vue
│ │ │ │ │ ├── custom-mask.vue
│ │ │ │ │ ├── custom-token.vue
│ │ │ │ │ ├── ip-address.vue
│ │ │ │ │ ├── phone.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-menu/
│ │ │ │ │ ├── misc-popover.vue
│ │ │ │ │ ├── misc-transition.vue
│ │ │ │ │ ├── misc-use-in-components.vue
│ │ │ │ │ ├── prop-absolute-without-activator.vue
│ │ │ │ │ ├── prop-absolute.vue
│ │ │ │ │ ├── prop-close-on-click.vue
│ │ │ │ │ ├── prop-close-on-content-click.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-location.vue
│ │ │ │ │ ├── prop-open-on-hover.vue
│ │ │ │ │ ├── prop-positioningmenu.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-submenu.vue
│ │ │ │ │ ├── slot-activator-and-tooltip.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-mutate/
│ │ │ │ │ ├── option-modifiers.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-navigation-drawer/
│ │ │ │ │ ├── misc-colored.vue
│ │ │ │ │ ├── misc-combined.vue
│ │ │ │ │ ├── prop-bottom-drawer.vue
│ │ │ │ │ ├── prop-expand-on-hover.vue
│ │ │ │ │ ├── prop-images.vue
│ │ │ │ │ ├── prop-permanent-and-floating.vue
│ │ │ │ │ ├── prop-rail-variant.vue
│ │ │ │ │ ├── prop-right.vue
│ │ │ │ │ ├── prop-temporary.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-number-input/
│ │ │ │ │ ├── prop-control-variant.vue
│ │ │ │ │ ├── prop-hide-input.vue
│ │ │ │ │ ├── prop-inset.vue
│ │ │ │ │ ├── prop-min-max.vue
│ │ │ │ │ ├── prop-precision.vue
│ │ │ │ │ ├── prop-reverse.vue
│ │ │ │ │ ├── prop-step.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-otp-input/
│ │ │ │ │ ├── misc-card.vue
│ │ │ │ │ ├── misc-divider.vue
│ │ │ │ │ ├── misc-mobile.vue
│ │ │ │ │ ├── misc-verify.vue
│ │ │ │ │ ├── prop-error.vue
│ │ │ │ │ ├── prop-focus-all.vue
│ │ │ │ │ ├── prop-length.vue
│ │ │ │ │ ├── prop-loader.vue
│ │ │ │ │ ├── prop-masked.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-overflow-btn/
│ │ │ │ │ ├── prop-counter.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-editable.vue
│ │ │ │ │ ├── prop-filled.vue
│ │ │ │ │ ├── prop-hint.vue
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-menu-props.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-segmented.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-overlay/
│ │ │ │ │ ├── connected-playground.vue
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── misc-loader.vue
│ │ │ │ │ ├── prop-contained.vue
│ │ │ │ │ ├── scroll-block.vue
│ │ │ │ │ ├── scroll-close.vue
│ │ │ │ │ ├── scroll-none.vue
│ │ │ │ │ ├── scroll-reposition.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-pagination/
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-length.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-total-visible.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-parallax/
│ │ │ │ │ ├── misc-content.vue
│ │ │ │ │ ├── misc-custom-height.vue
│ │ │ │ │ ├── misc-welcome.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-pie/
│ │ │ │ │ ├── misc-custom-legend.vue
│ │ │ │ │ ├── misc-patterns.vue
│ │ │ │ │ ├── prop-formats.vue
│ │ │ │ │ ├── prop-legend.vue
│ │ │ │ │ ├── prop-palette.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-progress/
│ │ │ │ │ ├── misc-card-loader.vue
│ │ │ │ │ ├── prop-label.vue
│ │ │ │ │ ├── prop-value-format.vue
│ │ │ │ │ ├── slot-label-and-value.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-progress-circular/
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-indeterminate.vue
│ │ │ │ │ ├── prop-reveal.vue
│ │ │ │ │ ├── prop-rotate.vue
│ │ │ │ │ ├── prop-size-and-width.vue
│ │ │ │ │ ├── prop-slot-default.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-progress-linear/
│ │ │ │ │ ├── misc-buffer-color.vue
│ │ │ │ │ ├── misc-determinate.vue
│ │ │ │ │ ├── misc-file-loader.vue
│ │ │ │ │ ├── misc-toolbar-loader.vue
│ │ │ │ │ ├── prop-buffer-value.vue
│ │ │ │ │ ├── prop-chunks.vue
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-indeterminate.vue
│ │ │ │ │ ├── prop-query.vue
│ │ │ │ │ ├── prop-reverse.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-stream.vue
│ │ │ │ │ ├── prop-striped.vue
│ │ │ │ │ ├── slot-default.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-pull-to-refresh/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-radio-group/
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-direction.vue
│ │ │ │ │ ├── prop-model-group.vue
│ │ │ │ │ ├── prop-model-radio.vue
│ │ │ │ │ ├── slot-label.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-range-slider/
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-min-and-max.vue
│ │ │ │ │ ├── prop-step.vue
│ │ │ │ │ ├── prop-strict.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ ├── slot-thumb-label.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-rating/
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── misc-card-overview.vue
│ │ │ │ │ ├── misc-card.vue
│ │ │ │ │ ├── prop-clearable.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-half-increments.vue
│ │ │ │ │ ├── prop-hover.vue
│ │ │ │ │ ├── prop-icon-label.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-item-labels.vue
│ │ │ │ │ ├── prop-length.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ ├── slot-item-label.vue
│ │ │ │ │ ├── slot-item.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-resize/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-responsive/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-ripple/
│ │ │ │ │ ├── misc-custom-color.vue
│ │ │ │ │ ├── misc-ripple-in-components.vue
│ │ │ │ │ ├── option-center.vue
│ │ │ │ │ ├── stop.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-scroll/
│ │ │ │ │ ├── option-self.vue
│ │ │ │ │ ├── option-target.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-select/
│ │ │ │ │ ├── prop-avoid-duplicate-text.vue
│ │ │ │ │ ├── prop-chips.vue
│ │ │ │ │ ├── prop-custom-title-and-value.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-item-props.vue
│ │ │ │ │ ├── prop-list-props.vue
│ │ │ │ │ ├── prop-menu-props.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── slot-append-and-prepend-item.vue
│ │ │ │ │ ├── slot-item.vue
│ │ │ │ │ ├── slot-menu-header-and-footer.vue
│ │ │ │ │ ├── slot-selection.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-sheet/
│ │ │ │ │ ├── misc-congratulations.vue
│ │ │ │ │ ├── misc-privacy-policy.vue
│ │ │ │ │ ├── misc-reconcile.vue
│ │ │ │ │ ├── misc-referral-program.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-skeleton-loader/
│ │ │ │ │ ├── misc-ice-cream.vue
│ │ │ │ │ ├── prop-boilerplate.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-type.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-slide-group/
│ │ │ │ │ ├── misc-pseudo-carousel.vue
│ │ │ │ │ ├── prop-active-class.vue
│ │ │ │ │ ├── prop-center-active.vue
│ │ │ │ │ ├── prop-custom-icons.vue
│ │ │ │ │ ├── prop-mandatory.vue
│ │ │ │ │ ├── prop-multiple.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-slider/
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-min-and-max.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-step.vue
│ │ │ │ │ ├── prop-thumb.vue
│ │ │ │ │ ├── prop-ticks.vue
│ │ │ │ │ ├── prop-validation.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ ├── slot-append-and-prepend.vue
│ │ │ │ │ ├── slot-append-text-field.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-snackbar/
│ │ │ │ │ ├── prop-loading.vue
│ │ │ │ │ ├── prop-prepend-avatar.vue
│ │ │ │ │ ├── prop-prepend-icon.vue
│ │ │ │ │ ├── prop-timeout.vue
│ │ │ │ │ ├── prop-timer-position.vue
│ │ │ │ │ ├── prop-variants.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ ├── slot-header.vue
│ │ │ │ │ ├── slot-prepend.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-snackbar-queue/
│ │ │ │ │ ├── misc-promise.vue
│ │ │ │ │ ├── prop-total-visible.vue
│ │ │ │ │ ├── prop-transition.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-sparkline/
│ │ │ │ │ ├── misc-custom-labels.vue
│ │ │ │ │ ├── misc-dashboard-card.vue
│ │ │ │ │ ├── misc-heart-rate.vue
│ │ │ │ │ ├── prop-fill.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-speed-dial/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-stepper/
│ │ │ │ │ ├── misc-alternate-error.vue
│ │ │ │ │ ├── misc-dynamic.vue
│ │ │ │ │ ├── misc-editable.vue
│ │ │ │ │ ├── misc-error.vue
│ │ │ │ │ ├── misc-horizontal.vue
│ │ │ │ │ ├── misc-linear.vue
│ │ │ │ │ ├── misc-non-editable.vue
│ │ │ │ │ ├── misc-optional.vue
│ │ │ │ │ ├── misc-vertical-error.vue
│ │ │ │ │ ├── prop-alternate-label.vue
│ │ │ │ │ ├── prop-mobile.vue
│ │ │ │ │ ├── prop-non-linear.vue
│ │ │ │ │ ├── prop-vertical.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-stepper-vertical/
│ │ │ │ │ ├── prop-non-linear.vue
│ │ │ │ │ ├── slot-actions.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-switch/
│ │ │ │ │ ├── prop-colors.vue
│ │ │ │ │ ├── prop-custom-values.vue
│ │ │ │ │ ├── prop-flat.vue
│ │ │ │ │ ├── prop-inset.vue
│ │ │ │ │ ├── prop-model-as-array.vue
│ │ │ │ │ ├── prop-states.vue
│ │ │ │ │ ├── slot-label.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-system-bar/
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-window.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-table/
│ │ │ │ │ ├── prop-dark.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-fixed-header.vue
│ │ │ │ │ ├── prop-height.vue
│ │ │ │ │ ├── prop-striped.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-tabs/
│ │ │ │ │ ├── misc-content.vue
│ │ │ │ │ ├── misc-dynamic-height.vue
│ │ │ │ │ ├── misc-dynamic.vue
│ │ │ │ │ ├── misc-mobile.vue
│ │ │ │ │ ├── misc-overflow-to-menu.vue
│ │ │ │ │ ├── misc-pagination.vue
│ │ │ │ │ ├── misc-tab-items.vue
│ │ │ │ │ ├── prop-align-tabs-center.vue
│ │ │ │ │ ├── prop-align-tabs-end.vue
│ │ │ │ │ ├── prop-align-tabs-title.vue
│ │ │ │ │ ├── prop-center-active.vue
│ │ │ │ │ ├── prop-direction.vue
│ │ │ │ │ ├── prop-fixed-tabs.vue
│ │ │ │ │ ├── prop-grow.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-slider-transition.vue
│ │ │ │ │ ├── prop-spaced.vue
│ │ │ │ │ ├── prop-stacked.vue
│ │ │ │ │ ├── slot-tabs.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-text-field/
│ │ │ │ │ ├── event-icons.vue
│ │ │ │ │ ├── misc-custom-validation.vue
│ │ │ │ │ ├── misc-full-width-with-counter.vue
│ │ │ │ │ ├── misc-guide.vue
│ │ │ │ │ ├── misc-login-form.vue
│ │ │ │ │ ├── misc-password.vue
│ │ │ │ │ ├── prop-clearable.vue
│ │ │ │ │ ├── prop-contained.vue
│ │ │ │ │ ├── prop-counter.vue
│ │ │ │ │ ├── prop-custom-colors.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-disabled-and-readonly.vue
│ │ │ │ │ ├── prop-filled.vue
│ │ │ │ │ ├── prop-focused.vue
│ │ │ │ │ ├── prop-hide-details.vue
│ │ │ │ │ ├── prop-hint.vue
│ │ │ │ │ ├── prop-icon.vue
│ │ │ │ │ ├── prop-label.vue
│ │ │ │ │ ├── prop-messages.vue
│ │ │ │ │ ├── prop-outlined.vue
│ │ │ │ │ ├── prop-placeholder.vue
│ │ │ │ │ ├── prop-prefixes-and-suffixes.vue
│ │ │ │ │ ├── prop-rules.vue
│ │ │ │ │ ├── prop-single-line.vue
│ │ │ │ │ ├── prop-validation.vue
│ │ │ │ │ ├── prop-variant.vue
│ │ │ │ │ ├── slot-icons.vue
│ │ │ │ │ ├── slot-label.vue
│ │ │ │ │ ├── slot-progress.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-textarea/
│ │ │ │ │ ├── misc-signup-form.vue
│ │ │ │ │ ├── prop-auto-grow.vue
│ │ │ │ │ ├── prop-background-color.vue
│ │ │ │ │ ├── prop-browser-autocomplete.vue
│ │ │ │ │ ├── prop-clearable.vue
│ │ │ │ │ ├── prop-counter.vue
│ │ │ │ │ ├── prop-icons.vue
│ │ │ │ │ ├── prop-no-resize.vue
│ │ │ │ │ ├── prop-rows.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-theme-provider/
│ │ │ │ │ └── prop-with-background.vue
│ │ │ │ ├── v-time-picker/
│ │ │ │ │ ├── misc-dialog-and-menu.vue
│ │ │ │ │ ├── prop-allowed-times.vue
│ │ │ │ │ ├── prop-ampm-in-title.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-disabled.vue
│ │ │ │ │ ├── prop-elevation.vue
│ │ │ │ │ ├── prop-format.vue
│ │ │ │ │ ├── prop-hide-header.vue
│ │ │ │ │ ├── prop-range.vue
│ │ │ │ │ ├── prop-readonly.vue
│ │ │ │ │ ├── prop-scrollable.vue
│ │ │ │ │ ├── prop-use-seconds.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-timeline/
│ │ │ │ │ ├── misc-advanced.vue
│ │ │ │ │ ├── prop-align.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-direction.vue
│ │ │ │ │ ├── prop-icon-dots.vue
│ │ │ │ │ ├── prop-line-inset.vue
│ │ │ │ │ ├── prop-mirror.vue
│ │ │ │ │ ├── prop-single-side.vue
│ │ │ │ │ ├── prop-size.vue
│ │ │ │ │ ├── prop-truncate-line.vue
│ │ │ │ │ ├── slot-icon.vue
│ │ │ │ │ ├── slot-opposite.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-toolbar/
│ │ │ │ │ ├── misc-contextual-action-bar.vue
│ │ │ │ │ ├── misc-flexible-and-card.vue
│ │ │ │ │ ├── misc-tooltips-and-speed-dial.vue
│ │ │ │ │ ├── prop-background.vue
│ │ │ │ │ ├── prop-collapse.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-extended.vue
│ │ │ │ │ ├── prop-extension-height.vue
│ │ │ │ │ ├── prop-floating-with-search.vue
│ │ │ │ │ ├── prop-location.vue
│ │ │ │ │ ├── slot-extension.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-tooltip/
│ │ │ │ │ ├── misc-at-cursor.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-interactive.vue
│ │ │ │ │ ├── prop-location.vue
│ │ │ │ │ ├── prop-open-on-click.vue
│ │ │ │ │ ├── prop-visibility.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-tooltip-directive/
│ │ │ │ │ ├── args.vue
│ │ │ │ │ ├── object-literals.vue
│ │ │ │ │ ├── text.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-touch/
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-treeview/
│ │ │ │ │ ├── misc-indent-lines.vue
│ │ │ │ │ ├── misc-search-and-filter.vue
│ │ │ │ │ ├── misc-selectable-icons.vue
│ │ │ │ │ ├── playground.vue
│ │ │ │ │ ├── prop-activatable.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-dense.vue
│ │ │ │ │ ├── prop-fluid.vue
│ │ │ │ │ ├── prop-hoverable.vue
│ │ │ │ │ ├── prop-item-props.vue
│ │ │ │ │ ├── prop-items-registration.vue
│ │ │ │ │ ├── prop-load-children.vue
│ │ │ │ │ ├── prop-open-all.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-selected-color.vue
│ │ │ │ │ ├── prop-selection-type.vue
│ │ │ │ │ ├── slot-append-and-label.vue
│ │ │ │ │ ├── slot-append-and-prepend-item.vue
│ │ │ │ │ ├── slot-no-data.vue
│ │ │ │ │ ├── slot-title.vue
│ │ │ │ │ ├── slot-toggle.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-video/
│ │ │ │ │ ├── misc-in-card.vue
│ │ │ │ │ ├── misc-mini.vue
│ │ │ │ │ ├── misc-tube.vue
│ │ │ │ │ ├── prop-color.vue
│ │ │ │ │ ├── prop-density.vue
│ │ │ │ │ ├── prop-image.vue
│ │ │ │ │ ├── prop-rounded.vue
│ │ │ │ │ ├── prop-start-at.vue
│ │ │ │ │ ├── slot-append-and-prepend.vue
│ │ │ │ │ ├── slot-controls.vue
│ │ │ │ │ ├── slot-error.vue
│ │ │ │ │ ├── slot-header.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-virtual-scroll/
│ │ │ │ │ ├── misc-user-directory.vue
│ │ │ │ │ ├── prop-dynamic-item-height.vue
│ │ │ │ │ ├── prop-height-parent.vue
│ │ │ │ │ ├── prop-height.vue
│ │ │ │ │ ├── prop-item-height.vue
│ │ │ │ │ ├── prop-renderless.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── v-window/
│ │ │ │ │ ├── misc-account-creation.vue
│ │ │ │ │ ├── misc-onboarding.vue
│ │ │ │ │ ├── prop-direction.vue
│ │ │ │ │ ├── prop-reverse.vue
│ │ │ │ │ ├── prop-show-arrows.vue
│ │ │ │ │ ├── slots-next-prev.vue
│ │ │ │ │ └── usage.vue
│ │ │ │ ├── why-vuetify/
│ │ │ │ │ ├── card-components.vue
│ │ │ │ │ ├── card-props.vue
│ │ │ │ │ └── card-slots.vue
│ │ │ │ └── wireframes/
│ │ │ │ ├── baseline.vue
│ │ │ │ ├── constrained.vue
│ │ │ │ ├── discord.vue
│ │ │ │ ├── extended-toolbar.vue
│ │ │ │ ├── inbox.vue
│ │ │ │ ├── side-navigation.vue
│ │ │ │ ├── steam.vue
│ │ │ │ ├── system-bar.vue
│ │ │ │ └── three-column.vue
│ │ │ ├── i18n/
│ │ │ │ ├── locales.json
│ │ │ │ └── messages/
│ │ │ │ ├── .gitignore
│ │ │ │ └── en.json
│ │ │ ├── layouts/
│ │ │ │ ├── 404.vue
│ │ │ │ ├── blank.vue
│ │ │ │ ├── blog.vue
│ │ │ │ ├── default.vue
│ │ │ │ ├── home.vue
│ │ │ │ ├── user.vue
│ │ │ │ └── wireframe.vue
│ │ │ ├── main.scss
│ │ │ ├── main.ts
│ │ │ ├── pages/
│ │ │ │ └── en/
│ │ │ │ ├── about/
│ │ │ │ │ ├── code-of-conduct.md
│ │ │ │ │ ├── licensing.md
│ │ │ │ │ ├── meet-the-team.md
│ │ │ │ │ └── security-disclosure.md
│ │ │ │ ├── api/
│ │ │ │ │ ├── [name].md
│ │ │ │ │ └── use-hotkey.md
│ │ │ │ ├── blog/
│ │ │ │ │ ├── announcing-vuetify-3.8.md
│ │ │ │ │ ├── april-2025-update.md
│ │ │ │ │ ├── august-2025-update.md
│ │ │ │ │ ├── building-a-basic-nuxt-application-with-vuetify.md
│ │ │ │ │ ├── building-with-nuxt-and-unocss.md
│ │ │ │ │ ├── building-with-vite-and-tailwindcss.md
│ │ │ │ │ ├── december-2025-update.md
│ │ │ │ │ ├── february-2026-update.md
│ │ │ │ │ ├── index.md
│ │ │ │ │ ├── january-2026-update.md
│ │ │ │ │ ├── july-2025-update.md
│ │ │ │ │ ├── june-2025-update.md
│ │ │ │ │ ├── may-2025-update.md
│ │ │ │ │ ├── november-2025-update.md
│ │ │ │ │ ├── october-2025-update.md
│ │ │ │ │ ├── september-2025-update.md
│ │ │ │ │ ├── state-of-the-union-2024-post-mortem.md
│ │ │ │ │ ├── state-of-the-union-2024.md
│ │ │ │ │ └── vuetify-herodevs-partnership.md
│ │ │ │ ├── components/
│ │ │ │ │ ├── alerts.md
│ │ │ │ │ ├── all.md
│ │ │ │ │ ├── app-bars.md
│ │ │ │ │ ├── application.md
│ │ │ │ │ ├── aspect-ratios.md
│ │ │ │ │ ├── autocompletes.md
│ │ │ │ │ ├── avatar-groups.md
│ │ │ │ │ ├── avatars.md
│ │ │ │ │ ├── badges.md
│ │ │ │ │ ├── banners.md
│ │ │ │ │ ├── bottom-navigation.md
│ │ │ │ │ ├── bottom-sheets.md
│ │ │ │ │ ├── breadcrumbs.md
│ │ │ │ │ ├── button-groups.md
│ │ │ │ │ ├── buttons.md
│ │ │ │ │ ├── calendars.md
│ │ │ │ │ ├── cards.md
│ │ │ │ │ ├── carousels.md
│ │ │ │ │ ├── checkboxes.md
│ │ │ │ │ ├── chip-groups.md
│ │ │ │ │ ├── chips.md
│ │ │ │ │ ├── color-inputs.md
│ │ │ │ │ ├── color-pickers.md
│ │ │ │ │ ├── combobox.md
│ │ │ │ │ ├── command-palettes.md
│ │ │ │ │ ├── confirm-edit.md
│ │ │ │ │ ├── data-iterators.md
│ │ │ │ │ ├── data-tables/
│ │ │ │ │ │ ├── basics.md
│ │ │ │ │ │ ├── data-and-display.md
│ │ │ │ │ │ ├── introduction.md
│ │ │ │ │ │ ├── server-side-tables.md
│ │ │ │ │ │ └── virtual-tables.md
│ │ │ │ │ ├── date-inputs.md
│ │ │ │ │ ├── date-pickers-month.md
│ │ │ │ │ ├── date-pickers.md
│ │ │ │ │ ├── defaults-providers.md
│ │ │ │ │ ├── dialogs.md
│ │ │ │ │ ├── dividers.md
│ │ │ │ │ ├── empty-states.md
│ │ │ │ │ ├── expansion-panels.md
│ │ │ │ │ ├── explorer/
│ │ │ │ │ │ └── [...name].md
│ │ │ │ │ ├── file-inputs.md
│ │ │ │ │ ├── file-upload.md
│ │ │ │ │ ├── floating-action-buttons.md
│ │ │ │ │ ├── footers.md
│ │ │ │ │ ├── forms.md
│ │ │ │ │ ├── grids.md
│ │ │ │ │ ├── hotkeys.md
│ │ │ │ │ ├── hover.md
│ │ │ │ │ ├── icon-buttons.md
│ │ │ │ │ ├── icons.md
│ │ │ │ │ ├── images.md
│ │ │ │ │ ├── infinite-scroller.md
│ │ │ │ │ ├── inputs.md
│ │ │ │ │ ├── item-groups.md
│ │ │ │ │ ├── lazy.md
│ │ │ │ │ ├── lists.md
│ │ │ │ │ ├── locale-providers.md
│ │ │ │ │ ├── mask-inputs.md
│ │ │ │ │ ├── menus.md
│ │ │ │ │ ├── navigation-drawers.md
│ │ │ │ │ ├── no-ssr.md
│ │ │ │ │ ├── number-inputs.md
│ │ │ │ │ ├── otp-input.md
│ │ │ │ │ ├── overflow-btns.md
│ │ │ │ │ ├── overlays.md
│ │ │ │ │ ├── paginations.md
│ │ │ │ │ ├── parallax.md
│ │ │ │ │ ├── pie-charts.md
│ │ │ │ │ ├── progress-circular.md
│ │ │ │ │ ├── progress-linear.md
│ │ │ │ │ ├── progress.md
│ │ │ │ │ ├── pull-to-refresh.md
│ │ │ │ │ ├── radio-buttons.md
│ │ │ │ │ ├── range-sliders.md
│ │ │ │ │ ├── ratings.md
│ │ │ │ │ ├── selects.md
│ │ │ │ │ ├── sheets.md
│ │ │ │ │ ├── skeleton-loaders.md
│ │ │ │ │ ├── slide-groups.md
│ │ │ │ │ ├── sliders.md
│ │ │ │ │ ├── snackbar-queue.md
│ │ │ │ │ ├── snackbars.md
│ │ │ │ │ ├── sparklines.md
│ │ │ │ │ ├── speed-dials.md
│ │ │ │ │ ├── steppers.md
│ │ │ │ │ ├── switches.md
│ │ │ │ │ ├── system-bars.md
│ │ │ │ │ ├── tables.md
│ │ │ │ │ ├── tabs.md
│ │ │ │ │ ├── text-fields.md
│ │ │ │ │ ├── textareas.md
│ │ │ │ │ ├── theme-providers.md
│ │ │ │ │ ├── time-pickers.md
│ │ │ │ │ ├── timelines.md
│ │ │ │ │ ├── toolbars.md
│ │ │ │ │ ├── tooltips.md
│ │ │ │ │ ├── treeview.md
│ │ │ │ │ ├── vertical-steppers.md
│ │ │ │ │ ├── videos.md
│ │ │ │ │ ├── virtual-scroller.md
│ │ │ │ │ └── windows.md
│ │ │ │ ├── concepts/
│ │ │ │ │ ├── density-and-sizing.md
│ │ │ │ │ ├── items.md
│ │ │ │ │ ├── routing.md
│ │ │ │ │ ├── v-model.md
│ │ │ │ │ └── variants.md
│ │ │ │ ├── directives/
│ │ │ │ │ ├── click-outside.md
│ │ │ │ │ ├── intersect.md
│ │ │ │ │ ├── mutate.md
│ │ │ │ │ ├── resize.md
│ │ │ │ │ ├── ripple.md
│ │ │ │ │ ├── scroll.md
│ │ │ │ │ ├── tooltip.md
│ │ │ │ │ └── touch.md
│ │ │ │ ├── features/
│ │ │ │ │ ├── accessibility.md
│ │ │ │ │ ├── aliasing.md
│ │ │ │ │ ├── application-layout.md
│ │ │ │ │ ├── blueprints.md
│ │ │ │ │ ├── css-utilities/
│ │ │ │ │ │ ├── overview.md
│ │ │ │ │ │ ├── tailwindcss.md
│ │ │ │ │ │ ├── unocss-tailwind-preset.md
│ │ │ │ │ │ └── unocss-vuetify-preset.md
│ │ │ │ │ ├── dates.md
│ │ │ │ │ ├── display-and-platform.md
│ │ │ │ │ ├── global-configuration.md
│ │ │ │ │ ├── hotkey.md
│ │ │ │ │ ├── icon-fonts.md
│ │ │ │ │ ├── internationalization.md
│ │ │ │ │ ├── rules.md
│ │ │ │ │ ├── sass-variables.md
│ │ │ │ │ ├── scrolling.md
│ │ │ │ │ ├── theme.md
│ │ │ │ │ └── treeshaking.md
│ │ │ │ ├── getting-started/
│ │ │ │ │ ├── browser-support.md
│ │ │ │ │ ├── contributing.md
│ │ │ │ │ ├── elevation-migration.md
│ │ │ │ │ ├── frequently-asked-questions.md
│ │ │ │ │ ├── grid-legacy-mode.md
│ │ │ │ │ ├── installation.md
│ │ │ │ │ ├── release-notes.md
│ │ │ │ │ ├── typography-migration.md
│ │ │ │ │ ├── unit-testing.md
│ │ │ │ │ ├── upgrade-guide.md
│ │ │ │ │ └── wireframes.md
│ │ │ │ ├── index.md
│ │ │ │ ├── introduction/
│ │ │ │ │ ├── enterprise-support.md
│ │ │ │ │ ├── long-term-support.md
│ │ │ │ │ ├── roadmap.md
│ │ │ │ │ ├── sponsors-and-backers.md
│ │ │ │ │ └── why-vuetify.md
│ │ │ │ ├── labs/
│ │ │ │ │ └── introduction.md
│ │ │ │ ├── one.md
│ │ │ │ ├── resources/
│ │ │ │ │ ├── brand-kit.md
│ │ │ │ │ ├── jobs-for-vue.md
│ │ │ │ │ ├── made-with-vuetify.md
│ │ │ │ │ ├── search-engine.md
│ │ │ │ │ ├── themes.md
│ │ │ │ │ └── ui-kits.md
│ │ │ │ ├── styles/
│ │ │ │ │ ├── border-radius.md
│ │ │ │ │ ├── borders.md
│ │ │ │ │ ├── colors.md
│ │ │ │ │ ├── content.md
│ │ │ │ │ ├── css-reset.md
│ │ │ │ │ ├── cursor.md
│ │ │ │ │ ├── display.md
│ │ │ │ │ ├── elevation.md
│ │ │ │ │ ├── entry-points.md
│ │ │ │ │ ├── flex.md
│ │ │ │ │ ├── float.md
│ │ │ │ │ ├── layers.md
│ │ │ │ │ ├── opacity.md
│ │ │ │ │ ├── overflow.md
│ │ │ │ │ ├── position.md
│ │ │ │ │ ├── sizing.md
│ │ │ │ │ ├── spacing.md
│ │ │ │ │ ├── text-and-typography.md
│ │ │ │ │ └── transitions.md
│ │ │ │ ├── user/
│ │ │ │ │ └── dashboard.md
│ │ │ │ └── wireframes/
│ │ │ │ ├── baseline.md
│ │ │ │ ├── constrained.md
│ │ │ │ ├── discord.md
│ │ │ │ ├── extended-toolbar.md
│ │ │ │ ├── inbox.md
│ │ │ │ ├── side-navigation.md
│ │ │ │ ├── steam.md
│ │ │ │ ├── system-bar.md
│ │ │ │ └── three-column.md
│ │ │ ├── plugins/
│ │ │ │ ├── global-components.ts
│ │ │ │ ├── i18n.ts
│ │ │ │ ├── icons.ts
│ │ │ │ ├── octokit.ts
│ │ │ │ ├── one.ts
│ │ │ │ ├── pinia.ts
│ │ │ │ ├── pwa.ts
│ │ │ │ └── vuetify.ts
│ │ │ ├── service-worker.js
│ │ │ ├── shims.d.ts
│ │ │ ├── stores/
│ │ │ │ ├── ads.ts
│ │ │ │ ├── app.ts
│ │ │ │ ├── commits.ts
│ │ │ │ ├── jobs.ts
│ │ │ │ ├── locale.ts
│ │ │ │ ├── made-with-vuetify.ts
│ │ │ │ ├── pins.ts
│ │ │ │ ├── promotions.ts
│ │ │ │ ├── pwa.ts
│ │ │ │ ├── releases.ts
│ │ │ │ ├── shopify.ts
│ │ │ │ ├── sponsors.ts
│ │ │ │ ├── spot.ts
│ │ │ │ └── team-members.ts
│ │ │ ├── utils/
│ │ │ │ ├── analytics.ts
│ │ │ │ ├── api.ts
│ │ │ │ ├── globals.ts
│ │ │ │ ├── helpers.ts
│ │ │ │ ├── markdown-it-rules.ts
│ │ │ │ ├── markdown-it.ts
│ │ │ │ ├── metadata.ts
│ │ │ │ ├── pwa.ts
│ │ │ │ └── routes.ts
│ │ │ └── vite-env.d.ts
│ │ ├── tsconfig.json
│ │ └── vite.config.mts
│ └── vuetify/
│ ├── .browserslistrc
│ ├── .eslintignore
│ ├── .eslintrc.cjs
│ ├── .gitignore
│ ├── LICENSE.md
│ ├── README.md
│ ├── _settings.scss
│ ├── _styles.scss
│ ├── _tools.scss
│ ├── babel.config.js
│ ├── build/
│ │ ├── babel-plugin-replace-import-extension.js
│ │ ├── constants.js
│ │ ├── rollup.config.js
│ │ ├── rollup.types.config.js
│ │ ├── run-tests.js
│ │ ├── transform-types.js
│ │ └── types-code-transform.js
│ ├── dev/
│ │ ├── App.vue
│ │ ├── Playground.template.vue
│ │ ├── index.html
│ │ ├── index.js
│ │ ├── router.js
│ │ ├── vuetify/
│ │ │ ├── date.js
│ │ │ ├── defaults.js
│ │ │ ├── icons.js
│ │ │ └── locale.js
│ │ └── vuetify.js
│ ├── package.json
│ ├── playgrounds/
│ │ ├── Playground.datatable.vue
│ │ ├── Playground.infinite.vue
│ │ ├── Playground.items.vue
│ │ ├── Playground.list.vue
│ │ ├── Playground.nested.vue
│ │ └── Playground.slider.vue
│ ├── src/
│ │ ├── __tests__/
│ │ │ └── framework.spec.browser.tsx
│ │ ├── auto-imports.d.ts
│ │ ├── blueprints/
│ │ │ ├── index.ts
│ │ │ ├── md1.ts
│ │ │ ├── md2.ts
│ │ │ └── md3.ts
│ │ ├── components/
│ │ │ ├── VAlert/
│ │ │ │ ├── VAlert.sass
│ │ │ │ ├── VAlert.tsx
│ │ │ │ ├── VAlertTitle.ts
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VAlert.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VApp/
│ │ │ │ ├── VApp.sass
│ │ │ │ ├── VApp.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VAppBar/
│ │ │ │ ├── VAppBar.sass
│ │ │ │ ├── VAppBar.tsx
│ │ │ │ ├── VAppBarNavIcon.tsx
│ │ │ │ ├── VAppBarTitle.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VAppBar.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VAutocomplete/
│ │ │ │ ├── VAutocomplete.sass
│ │ │ │ ├── VAutocomplete.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VAutocomplete.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VAvatar/
│ │ │ │ ├── VAvatar.sass
│ │ │ │ ├── VAvatar.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBadge/
│ │ │ │ ├── VBadge.sass
│ │ │ │ ├── VBadge.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VBadge.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBanner/
│ │ │ │ ├── VBanner.sass
│ │ │ │ ├── VBanner.tsx
│ │ │ │ ├── VBannerActions.tsx
│ │ │ │ ├── VBannerText.ts
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBottomNavigation/
│ │ │ │ ├── VBottomNavigation.sass
│ │ │ │ ├── VBottomNavigation.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VBottomNavigation.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBottomSheet/
│ │ │ │ ├── VBottomSheet.sass
│ │ │ │ ├── VBottomSheet.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VBottomSheet.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBreadcrumbs/
│ │ │ │ ├── VBreadcrumbs.sass
│ │ │ │ ├── VBreadcrumbs.tsx
│ │ │ │ ├── VBreadcrumbsDivider.tsx
│ │ │ │ ├── VBreadcrumbsItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VBreadcrumbs.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBtn/
│ │ │ │ ├── VBtn.sass
│ │ │ │ ├── VBtn.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VBtn.spec.browser.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBtnGroup/
│ │ │ │ ├── VBtnGroup.sass
│ │ │ │ ├── VBtnGroup.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VBtnToggle/
│ │ │ │ ├── VBtnToggle.sass
│ │ │ │ ├── VBtnToggle.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VCalendar/
│ │ │ │ ├── VCalendar.tsx
│ │ │ │ ├── VCalendarCategory.sass
│ │ │ │ ├── VCalendarCategory.tsx
│ │ │ │ ├── VCalendarDaily.sass
│ │ │ │ ├── VCalendarDaily.tsx
│ │ │ │ ├── VCalendarWeekly.sass
│ │ │ │ ├── VCalendarWeekly.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── composables/
│ │ │ │ │ ├── __tests__/
│ │ │ │ │ │ ├── __snapshots__/
│ │ │ │ │ │ │ ├── calendar-base.spec.ts.snap
│ │ │ │ │ │ │ ├── calendar-with-events.spec.ts.snap
│ │ │ │ │ │ │ ├── calendar-with-intervals.spec.ts.snap
│ │ │ │ │ │ │ └── times.spec.ts.snap
│ │ │ │ │ │ ├── calendar-base.spec.ts
│ │ │ │ │ │ ├── calendar-with-events.spec.ts
│ │ │ │ │ │ ├── calendar-with-intervals.spec.ts
│ │ │ │ │ │ └── times.spec.ts
│ │ │ │ │ ├── calendarBase.ts
│ │ │ │ │ ├── calendarWithEvents.sass
│ │ │ │ │ ├── calendarWithEvents.tsx
│ │ │ │ │ ├── calendarWithIntervals.ts
│ │ │ │ │ └── times.ts
│ │ │ │ ├── index.ts
│ │ │ │ ├── modes/
│ │ │ │ │ ├── __tests__/
│ │ │ │ │ │ ├── __snapshots__/
│ │ │ │ │ │ │ └── common.spec.ts.snap
│ │ │ │ │ │ └── common.spec.ts
│ │ │ │ │ ├── column.ts
│ │ │ │ │ ├── common.ts
│ │ │ │ │ ├── index.ts
│ │ │ │ │ └── stack.ts
│ │ │ │ ├── types.ts
│ │ │ │ └── util/
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── __snapshots__/
│ │ │ │ │ │ ├── events.spec.ts.snap
│ │ │ │ │ │ └── timestamp.spec.ts.snap
│ │ │ │ │ ├── events.spec.ts
│ │ │ │ │ └── timestamp.spec.ts
│ │ │ │ ├── dateTimeUtils.ts
│ │ │ │ ├── events.ts
│ │ │ │ ├── parser.ts
│ │ │ │ └── timestamp.ts
│ │ │ ├── VCard/
│ │ │ │ ├── VCard.sass
│ │ │ │ ├── VCard.tsx
│ │ │ │ ├── VCardActions.tsx
│ │ │ │ ├── VCardItem.tsx
│ │ │ │ ├── VCardSubtitle.tsx
│ │ │ │ ├── VCardText.tsx
│ │ │ │ ├── VCardTitle.ts
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VCarousel/
│ │ │ │ ├── VCarousel.sass
│ │ │ │ ├── VCarousel.tsx
│ │ │ │ ├── VCarouselItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VCarousel.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VCheckbox/
│ │ │ │ ├── VCheckbox.sass
│ │ │ │ ├── VCheckbox.tsx
│ │ │ │ ├── VCheckboxBtn.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VCheckbox.spec.tsx
│ │ │ │ │ └── VCheckboxBtn.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VChip/
│ │ │ │ ├── VChip.sass
│ │ │ │ ├── VChip.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VChip.spec.browser.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VChipGroup/
│ │ │ │ ├── VChipGroup.sass
│ │ │ │ ├── VChipGroup.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VCode/
│ │ │ │ ├── VCode.sass
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VColorPicker/
│ │ │ │ ├── VColorPicker.sass
│ │ │ │ ├── VColorPicker.tsx
│ │ │ │ ├── VColorPickerCanvas.sass
│ │ │ │ ├── VColorPickerCanvas.tsx
│ │ │ │ ├── VColorPickerEdit.sass
│ │ │ │ ├── VColorPickerEdit.tsx
│ │ │ │ ├── VColorPickerPreview.sass
│ │ │ │ ├── VColorPickerPreview.tsx
│ │ │ │ ├── VColorPickerSwatches.sass
│ │ │ │ ├── VColorPickerSwatches.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VColorPicker.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── util/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── index.spec.ts
│ │ │ │ └── index.ts
│ │ │ ├── VCombobox/
│ │ │ │ ├── VCombobox.sass
│ │ │ │ ├── VCombobox.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VCombobox-multiple.spec.ts
│ │ │ │ │ ├── VCombobox.spec.browser.tsx
│ │ │ │ │ └── VCombobox.spec.ts
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VConfirmEdit/
│ │ │ │ ├── VConfirmEdit.tsx
│ │ │ │ ├── __test__/
│ │ │ │ │ └── VConfirmEdit.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VCounter/
│ │ │ │ ├── VCounter.sass
│ │ │ │ ├── VCounter.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VDataIterator/
│ │ │ │ ├── VDataIterator.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VDataIterator.spec.browser.tsx
│ │ │ │ ├── composables/
│ │ │ │ │ └── items.ts
│ │ │ │ └── index.ts
│ │ │ ├── VDataTable/
│ │ │ │ ├── VDataTable.sass
│ │ │ │ ├── VDataTable.tsx
│ │ │ │ ├── VDataTableColumn.tsx
│ │ │ │ ├── VDataTableFooter.sass
│ │ │ │ ├── VDataTableFooter.tsx
│ │ │ │ ├── VDataTableGroupHeaderRow.tsx
│ │ │ │ ├── VDataTableHeaders.tsx
│ │ │ │ ├── VDataTableRow.tsx
│ │ │ │ ├── VDataTableRows.tsx
│ │ │ │ ├── VDataTableServer.tsx
│ │ │ │ ├── VDataTableVirtual.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── MobileRow.spec.ts
│ │ │ │ │ ├── Row.spec.ts
│ │ │ │ │ ├── RowGroup.spec.ts
│ │ │ │ │ ├── VDataTable.spec.cy.tsx
│ │ │ │ │ ├── VDataTable.spec.ts
│ │ │ │ │ ├── VDataTableHeader.spec.ts
│ │ │ │ │ ├── VDataTableServer.spec.cy.tsx
│ │ │ │ │ ├── VDataTableVirtual.spec.browser.tsx
│ │ │ │ │ ├── VEditDialog.spec.ts
│ │ │ │ │ ├── VSimpleTable.spec.ts
│ │ │ │ │ ├── VVirtualTable.spec.ts
│ │ │ │ │ ├── __snapshots__/
│ │ │ │ │ │ ├── MobileRow.spec.ts.snap
│ │ │ │ │ │ ├── Row.spec.ts.snap
│ │ │ │ │ │ ├── RowGroup.spec.ts.snap
│ │ │ │ │ │ ├── VDataTable.spec.ts.snap
│ │ │ │ │ │ ├── VDataTableHeader.spec.ts.snap
│ │ │ │ │ │ ├── VEditDialog.spec.ts.snap
│ │ │ │ │ │ ├── VSimpleTable.spec.ts.snap
│ │ │ │ │ │ └── VVirtualTable.spec.ts.snap
│ │ │ │ │ ├── headers.spec.ts
│ │ │ │ │ └── sort.spec.ts
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── composables/
│ │ │ │ │ ├── expand.ts
│ │ │ │ │ ├── group.ts
│ │ │ │ │ ├── headers.ts
│ │ │ │ │ ├── items.ts
│ │ │ │ │ ├── options.ts
│ │ │ │ │ ├── paginate.ts
│ │ │ │ │ ├── select.ts
│ │ │ │ │ └── sort.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── types.ts
│ │ │ ├── VDatePicker/
│ │ │ │ ├── VDatePicker.sass
│ │ │ │ ├── VDatePicker.tsx
│ │ │ │ ├── VDatePickerControls.sass
│ │ │ │ ├── VDatePickerControls.tsx
│ │ │ │ ├── VDatePickerHeader.sass
│ │ │ │ ├── VDatePickerHeader.tsx
│ │ │ │ ├── VDatePickerMonth.sass
│ │ │ │ ├── VDatePickerMonth.tsx
│ │ │ │ ├── VDatePickerMonths.sass
│ │ │ │ ├── VDatePickerMonths.tsx
│ │ │ │ ├── VDatePickerYears.sass
│ │ │ │ ├── VDatePickerYears.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VDatePicker.a11y.spec.tsx
│ │ │ │ │ ├── VDatePicker.date.spec.ts
│ │ │ │ │ ├── VDatePicker.events.spec.browser.tsx
│ │ │ │ │ ├── VDatePicker.month.spec.ts
│ │ │ │ │ ├── VDatePicker.spec.browser.tsx
│ │ │ │ │ ├── VDatePickerHeader.spec.ts
│ │ │ │ │ ├── VDatePickerTitle.spec.ts
│ │ │ │ │ ├── VDatePickerYears.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ ├── VDatePicker.date.spec.ts.snap
│ │ │ │ │ ├── VDatePicker.month.spec.ts.snap
│ │ │ │ │ ├── VDatePickerHeader.spec.ts.snap
│ │ │ │ │ └── VDatePickerYears.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VDefaultsProvider/
│ │ │ │ ├── VDefaultsProvider.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VDefaultsProvider.spec.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VDialog/
│ │ │ │ ├── VDialog.sass
│ │ │ │ ├── VDialog.tsx
│ │ │ │ ├── __test__/
│ │ │ │ │ └── VDialog.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VDivider/
│ │ │ │ ├── VDivider.sass
│ │ │ │ ├── VDivider.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VDivider.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VEmptyState/
│ │ │ │ ├── VEmptyState.sass
│ │ │ │ ├── VEmptyState.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VExpansionPanel/
│ │ │ │ ├── VExpansionPanel.sass
│ │ │ │ ├── VExpansionPanel.tsx
│ │ │ │ ├── VExpansionPanelText.tsx
│ │ │ │ ├── VExpansionPanelTitle.tsx
│ │ │ │ ├── VExpansionPanels.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VExpansionPanels.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── shared.ts
│ │ │ ├── VFab/
│ │ │ │ ├── VFab.sass
│ │ │ │ ├── VFab.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VField/
│ │ │ │ ├── VField.sass
│ │ │ │ ├── VField.tsx
│ │ │ │ ├── VFieldLabel.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VFileInput/
│ │ │ │ ├── VFileInput.sass
│ │ │ │ ├── VFileInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VFileInput.spec.browser.tsx
│ │ │ │ │ ├── VFileInput.spec.tsx
│ │ │ │ │ └── text.txt
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VFooter/
│ │ │ │ ├── VFooter.sass
│ │ │ │ ├── VFooter.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VForm/
│ │ │ │ ├── VForm.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VForm.spec.cy.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VGrid/
│ │ │ │ ├── VCol.ts
│ │ │ │ ├── VContainer.sass
│ │ │ │ ├── VContainer.tsx
│ │ │ │ ├── VGrid.sass
│ │ │ │ ├── VRow.ts
│ │ │ │ ├── VSpacer.sass
│ │ │ │ ├── VSpacer.ts
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VCol.spec.browser.tsx
│ │ │ │ │ └── VCol.spec.ts
│ │ │ │ ├── _mixins.sass
│ │ │ │ └── index.ts
│ │ │ ├── VHotkey/
│ │ │ │ ├── VHotkey.scss
│ │ │ │ ├── VHotkey.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VHotkey.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VHover/
│ │ │ │ ├── VHover.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VHover.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VIcon/
│ │ │ │ ├── VIcon.sass
│ │ │ │ ├── VIcon.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VIcon.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VImg/
│ │ │ │ ├── VImg.sass
│ │ │ │ ├── VImg.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VInfiniteScroll/
│ │ │ │ ├── VInfiniteScroll.sass
│ │ │ │ ├── VInfiniteScroll.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VInfiniteScroll.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VInput/
│ │ │ │ ├── InputIcon.tsx
│ │ │ │ ├── VInput.sass
│ │ │ │ ├── VInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VInput.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VItemGroup/
│ │ │ │ ├── VItem.tsx
│ │ │ │ ├── VItemGroup.sass
│ │ │ │ ├── VItemGroup.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VItemGroup.spec.browser.tsx
│ │ │ │ │ ├── VItemGroup.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ └── VItemGroup.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VKbd/
│ │ │ │ ├── VKbd.scss
│ │ │ │ ├── VKbd.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VLabel/
│ │ │ │ ├── VLabel.sass
│ │ │ │ ├── VLabel.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VLayout/
│ │ │ │ ├── VLayout.sass
│ │ │ │ ├── VLayout.tsx
│ │ │ │ ├── VLayoutItem.sass
│ │ │ │ ├── VLayoutItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VLayout.spec.cy.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VLazy/
│ │ │ │ ├── VLazy.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VList/
│ │ │ │ ├── VList.sass
│ │ │ │ ├── VList.tsx
│ │ │ │ ├── VListChildren.tsx
│ │ │ │ ├── VListGroup.tsx
│ │ │ │ ├── VListImg.ts
│ │ │ │ ├── VListItem.sass
│ │ │ │ ├── VListItem.tsx
│ │ │ │ ├── VListItemAction.tsx
│ │ │ │ ├── VListItemMedia.tsx
│ │ │ │ ├── VListItemSubtitle.tsx
│ │ │ │ ├── VListItemTitle.ts
│ │ │ │ ├── VListSubheader.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VList.spec.browser.tsx
│ │ │ │ │ ├── VList.spec.ts
│ │ │ │ │ ├── VListGroup.spec.browser.tsx
│ │ │ │ │ ├── VListItem.spec.cy.tsx
│ │ │ │ │ ├── VListItemMedia.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ ├── VList.spec.ts.snap
│ │ │ │ │ └── VListItemMedia.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── list.ts
│ │ │ ├── VLocaleProvider/
│ │ │ │ ├── VLocaleProvider.sass
│ │ │ │ ├── VLocaleProvider.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VMain/
│ │ │ │ ├── VMain.sass
│ │ │ │ ├── VMain.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VMenu/
│ │ │ │ ├── VMenu.sass
│ │ │ │ ├── VMenu.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VMenu.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ └── VMenu.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── shared.ts
│ │ │ ├── VMessages/
│ │ │ │ ├── VMessages.sass
│ │ │ │ ├── VMessages.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VNavigationDrawer/
│ │ │ │ ├── VNavigationDrawer.sass
│ │ │ │ ├── VNavigationDrawer.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VNavigationDrawer.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ ├── sticky.ts
│ │ │ │ └── touch.ts
│ │ │ ├── VNoSsr/
│ │ │ │ ├── VNoSsr.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VNumberInput/
│ │ │ │ ├── VNumberInput.sass
│ │ │ │ ├── VNumberInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VNumberInput.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── hold.ts
│ │ │ │ └── index.ts
│ │ │ ├── VOtpInput/
│ │ │ │ ├── VOtpInput.sass
│ │ │ │ ├── VOtpInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VOtpInput.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VOverflowBtn/
│ │ │ │ ├── VOverflowBtn.sass
│ │ │ │ ├── VOverflowBtn.ts
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VOverflowBtn.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ └── VOverflowBtn.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VOverlay/
│ │ │ │ ├── VOverlay.sass
│ │ │ │ ├── VOverlay.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VOverlay.spec.cy.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ ├── locationStrategies.ts
│ │ │ │ ├── requestNewFrame.ts
│ │ │ │ ├── scrollStrategies.ts
│ │ │ │ ├── useActivator.tsx
│ │ │ │ └── util/
│ │ │ │ └── point.ts
│ │ │ ├── VPagination/
│ │ │ │ ├── VPagination.sass
│ │ │ │ ├── VPagination.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VPagination.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VParallax/
│ │ │ │ ├── VParallax.sass
│ │ │ │ ├── VParallax.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VProgressCircular/
│ │ │ │ ├── VProgressCircular.sass
│ │ │ │ ├── VProgressCircular.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VProgressLinear/
│ │ │ │ ├── VProgressLinear.sass
│ │ │ │ ├── VProgressLinear.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VProgressLinear.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── chunks.ts
│ │ │ │ └── index.ts
│ │ │ ├── VRadio/
│ │ │ │ ├── VRadio.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VRadioGroup/
│ │ │ │ ├── VRadioGroup.sass
│ │ │ │ ├── VRadioGroup.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VRangeSlider/
│ │ │ │ ├── VRangeSlider.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VRating/
│ │ │ │ ├── VRating.sass
│ │ │ │ ├── VRating.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VRating.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VResponsive/
│ │ │ │ ├── VResponsive.sass
│ │ │ │ ├── VResponsive.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VResponsive.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ └── VResponsive.spec.ts.snap
│ │ │ │ └── index.ts
│ │ │ ├── VSelect/
│ │ │ │ ├── VSelect.sass
│ │ │ │ ├── VSelect.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VSelect.spec.browser.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── useScrolling.ts
│ │ │ ├── VSelectionControl/
│ │ │ │ ├── VSelectionControl.sass
│ │ │ │ ├── VSelectionControl.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VSelectionControl.spec.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSelectionControlGroup/
│ │ │ │ ├── VSelectionControlGroup.sass
│ │ │ │ ├── VSelectionControlGroup.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSheet/
│ │ │ │ ├── VSheet.sass
│ │ │ │ ├── VSheet.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSkeletonLoader/
│ │ │ │ ├── VSkeletonLoader.sass
│ │ │ │ ├── VSkeletonLoader.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSlideGroup/
│ │ │ │ ├── VSlideGroup.sass
│ │ │ │ ├── VSlideGroup.tsx
│ │ │ │ ├── VSlideGroupItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VSlideGroup.spec.cy.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── helpers.ts
│ │ │ │ └── index.ts
│ │ │ ├── VSlider/
│ │ │ │ ├── VSlider.sass
│ │ │ │ ├── VSlider.tsx
│ │ │ │ ├── VSliderThumb.sass
│ │ │ │ ├── VSliderThumb.tsx
│ │ │ │ ├── VSliderTrack.sass
│ │ │ │ ├── VSliderTrack.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VSlider.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── slider.ts
│ │ │ ├── VSnackbar/
│ │ │ │ ├── VSnackbar.sass
│ │ │ │ ├── VSnackbar.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSnackbarQueue/
│ │ │ │ ├── VSnackbarQueue.tsx
│ │ │ │ ├── index.ts
│ │ │ │ └── queue.ts
│ │ │ ├── VSparkline/
│ │ │ │ ├── VBarline.tsx
│ │ │ │ ├── VSparkline.tsx
│ │ │ │ ├── VTrendline.tsx
│ │ │ │ ├── index.ts
│ │ │ │ └── util/
│ │ │ │ ├── line.ts
│ │ │ │ └── path.ts
│ │ │ ├── VSpeedDial/
│ │ │ │ ├── VSpeedDial.sass
│ │ │ │ ├── VSpeedDial.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VStepper/
│ │ │ │ ├── VStepper.sass
│ │ │ │ ├── VStepper.tsx
│ │ │ │ ├── VStepperActions.tsx
│ │ │ │ ├── VStepperHeader.ts
│ │ │ │ ├── VStepperItem.sass
│ │ │ │ ├── VStepperItem.tsx
│ │ │ │ ├── VStepperWindow.tsx
│ │ │ │ ├── VStepperWindowItem.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── shared.ts
│ │ │ ├── VSwitch/
│ │ │ │ ├── VSwitch.sass
│ │ │ │ ├── VSwitch.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VSwitch.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VSystemBar/
│ │ │ │ ├── VSystemBar.sass
│ │ │ │ ├── VSystemBar.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VTable/
│ │ │ │ ├── VTable.sass
│ │ │ │ ├── VTable.tsx
│ │ │ │ ├── _mixins.scss
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VTabs/
│ │ │ │ ├── VTab.sass
│ │ │ │ ├── VTab.tsx
│ │ │ │ ├── VTabs.sass
│ │ │ │ ├── VTabs.tsx
│ │ │ │ ├── VTabsWindow.tsx
│ │ │ │ ├── VTabsWindowItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VTabs.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── shared.ts
│ │ │ ├── VTextField/
│ │ │ │ ├── VTextField.sass
│ │ │ │ ├── VTextField.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VTextField.spec.browser.tsx
│ │ │ │ │ └── VTextField.spec.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VTextarea/
│ │ │ │ ├── VTextarea.sass
│ │ │ │ ├── VTextarea.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VTextarea.spec.browser.tsx
│ │ │ │ │ └── VTextarea.spec.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VThemeProvider/
│ │ │ │ ├── VThemeProvider.sass
│ │ │ │ ├── VThemeProvider.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VThemeProvider.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VTimePicker/
│ │ │ │ ├── VTimePicker.sass
│ │ │ │ ├── VTimePicker.tsx
│ │ │ │ ├── VTimePickerClock.sass
│ │ │ │ ├── VTimePickerClock.tsx
│ │ │ │ ├── VTimePickerControls.sass
│ │ │ │ ├── VTimePickerControls.tsx
│ │ │ │ ├── VTimePickerField.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VTimePicker.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ ├── shared.ts
│ │ │ │ ├── useTimeValidation.ts
│ │ │ │ └── util.ts
│ │ │ ├── VTimeline/
│ │ │ │ ├── VTimeline.sass
│ │ │ │ ├── VTimeline.tsx
│ │ │ │ ├── VTimelineDivider.tsx
│ │ │ │ ├── VTimelineItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VTimeline.spec.browser.tsx
│ │ │ │ ├── _mixins.sass
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VToolbar/
│ │ │ │ ├── VToolbar.sass
│ │ │ │ ├── VToolbar.tsx
│ │ │ │ ├── VToolbarItems.tsx
│ │ │ │ ├── VToolbarTitle.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VToolbar.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VTooltip/
│ │ │ │ ├── VTooltip.sass
│ │ │ │ ├── VTooltip.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VTreeview/
│ │ │ │ ├── VTreeview.tsx
│ │ │ │ ├── VTreeviewChildren.tsx
│ │ │ │ ├── VTreeviewGroup.tsx
│ │ │ │ ├── VTreeviewItem.sass
│ │ │ │ ├── VTreeviewItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VTreeview.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ └── shared.ts
│ │ │ ├── VValidation/
│ │ │ │ ├── VValidation.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VVirtualScroll/
│ │ │ │ ├── VVirtualScroll.sass
│ │ │ │ ├── VVirtualScroll.tsx
│ │ │ │ ├── VVirtualScrollItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VVirtualScroll.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VWindow/
│ │ │ │ ├── VWindow.sass
│ │ │ │ ├── VWindow.tsx
│ │ │ │ ├── VWindowItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VWindow.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── index.ts
│ │ │ └── transitions/
│ │ │ ├── createTransition.ts
│ │ │ ├── dialog-transition.tsx
│ │ │ ├── expand-transition.ts
│ │ │ └── index.ts
│ │ ├── composables/
│ │ │ ├── __tests__/
│ │ │ │ ├── __snapshots__/
│ │ │ │ │ ├── group.spec.ts.snap
│ │ │ │ │ └── theme.spec.ts.snap
│ │ │ │ ├── autocomplete.spec.ts
│ │ │ │ ├── border.spec.ts
│ │ │ │ ├── calendar.spec.ts
│ │ │ │ ├── color.spec.ts
│ │ │ │ ├── defaults.spec.ts
│ │ │ │ ├── delay.spec.ts
│ │ │ │ ├── dimensions.spec.ts
│ │ │ │ ├── display-components.spec.browser.tsx
│ │ │ │ ├── display.spec.browser.ts
│ │ │ │ ├── elevation.spec.ts
│ │ │ │ ├── fileFilter.spec.ts
│ │ │ │ ├── filter.spec.ts
│ │ │ │ ├── forwardRefs.spec.tsx
│ │ │ │ ├── goto.spec.browser.tsx
│ │ │ │ ├── group.spec.ts
│ │ │ │ ├── icons.spec.ts
│ │ │ │ ├── list-items.spec.ts
│ │ │ │ ├── loader.spec.ts
│ │ │ │ ├── location.spec.ts
│ │ │ │ ├── mutationObserver.spec.ts
│ │ │ │ ├── position.spec.ts
│ │ │ │ ├── proxiedModel.spec.ts
│ │ │ │ ├── resizeObserver.spec.browser.tsx
│ │ │ │ ├── rounded.spec.ts
│ │ │ │ ├── router.spec.browser.tsx
│ │ │ │ ├── scroll.spec.browser.tsx
│ │ │ │ ├── size.spec.ts
│ │ │ │ ├── tag.spec.ts
│ │ │ │ ├── theme.spec.ts
│ │ │ │ ├── validation.spec.ts
│ │ │ │ └── variant.spec.ts
│ │ │ ├── autocomplete.ts
│ │ │ ├── autofocus.ts
│ │ │ ├── border.ts
│ │ │ ├── calendar.ts
│ │ │ ├── color.ts
│ │ │ ├── component.ts
│ │ │ ├── date/
│ │ │ │ ├── DateAdapter.ts
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── date.spec.ts
│ │ │ │ ├── adapters/
│ │ │ │ │ ├── __tests__/
│ │ │ │ │ │ └── vuetify.spec.ts
│ │ │ │ │ ├── string.ts
│ │ │ │ │ └── vuetify.ts
│ │ │ │ ├── date.ts
│ │ │ │ └── index.ts
│ │ │ ├── dateFormat.ts
│ │ │ ├── defaults.ts
│ │ │ ├── delay.ts
│ │ │ ├── density.ts
│ │ │ ├── dimensions.ts
│ │ │ ├── directiveComponent.ts
│ │ │ ├── display.ts
│ │ │ ├── documentVisibility.ts
│ │ │ ├── elevation.ts
│ │ │ ├── fileDrop.ts
│ │ │ ├── fileFilter.ts
│ │ │ ├── filter.tsx
│ │ │ ├── focus.ts
│ │ │ ├── focusGroups.ts
│ │ │ ├── focusTrap.ts
│ │ │ ├── form.ts
│ │ │ ├── forwardRefs.ts
│ │ │ ├── goto.ts
│ │ │ ├── group.ts
│ │ │ ├── hotkey/
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── hotkey-parsing.spec.ts
│ │ │ │ │ └── hotkey.spec.ts
│ │ │ │ ├── hotkey-parsing.ts
│ │ │ │ ├── hotkey.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── key-aliases.ts
│ │ │ ├── hydration.ts
│ │ │ ├── iconSizes.ts
│ │ │ ├── icons.tsx
│ │ │ ├── index.ts
│ │ │ ├── intersectionObserver.ts
│ │ │ ├── layout.ts
│ │ │ ├── lazy.ts
│ │ │ ├── list-items.ts
│ │ │ ├── loader.tsx
│ │ │ ├── locale.ts
│ │ │ ├── location.ts
│ │ │ ├── mask/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── mask.spec.ts
│ │ │ │ ├── index.ts
│ │ │ │ └── mask.ts
│ │ │ ├── menuActivator.ts
│ │ │ ├── mutationObserver.ts
│ │ │ ├── nested/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── selectStrategies.spec.ts
│ │ │ │ ├── activeStrategies.ts
│ │ │ │ ├── nested.ts
│ │ │ │ ├── openStrategies.ts
│ │ │ │ └── selectStrategies.ts
│ │ │ ├── position.ts
│ │ │ ├── proxiedModel.ts
│ │ │ ├── refs.ts
│ │ │ ├── resizeObserver.ts
│ │ │ ├── reveal.ts
│ │ │ ├── rounded.ts
│ │ │ ├── router.tsx
│ │ │ ├── scopeId.ts
│ │ │ ├── scroll.ts
│ │ │ ├── selectLink.ts
│ │ │ ├── size.ts
│ │ │ ├── ssrBoot.ts
│ │ │ ├── stack.ts
│ │ │ ├── tag.ts
│ │ │ ├── teleport.ts
│ │ │ ├── theme.ts
│ │ │ ├── toggleScope.ts
│ │ │ ├── touch.ts
│ │ │ ├── transition.ts
│ │ │ ├── validation.ts
│ │ │ ├── variant.tsx
│ │ │ └── virtual.ts
│ │ ├── directives/
│ │ │ ├── click-outside/
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── click-outside-shadow-dom.spec.ts
│ │ │ │ │ └── click-outside.spec.ts
│ │ │ │ └── index.ts
│ │ │ ├── color/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── color.spec.ts
│ │ │ │ └── index.ts
│ │ │ ├── index.ts
│ │ │ ├── intersect/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── intersect.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── mutate/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── mutate.spec.ts
│ │ │ │ └── index.ts
│ │ │ ├── resize/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── resize.spec.ts
│ │ │ │ └── index.ts
│ │ │ ├── ripple/
│ │ │ │ ├── VRipple.sass
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── ripple.spec.ts
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── scroll/
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── scroll.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── tooltip/
│ │ │ │ └── index.ts
│ │ │ └── touch/
│ │ │ ├── __tests__/
│ │ │ │ └── touch.spec.browser.tsx
│ │ │ └── index.ts
│ │ ├── entry-bundler.ts
│ │ ├── entry-styles.ts
│ │ ├── framework.ts
│ │ ├── globals.d.ts
│ │ ├── icons.ts
│ │ ├── iconsets/
│ │ │ ├── bx.ts
│ │ │ ├── carbon.ts
│ │ │ ├── fa-svg.ts
│ │ │ ├── fa.ts
│ │ │ ├── fa4.ts
│ │ │ ├── fa6.ts
│ │ │ ├── lucide.ts
│ │ │ ├── md.ts
│ │ │ ├── mdi-svg.ts
│ │ │ ├── mdi-unocss.ts
│ │ │ ├── mdi.ts
│ │ │ ├── ms.ts
│ │ │ ├── ph.ts
│ │ │ ├── ri.ts
│ │ │ └── tabler.ts
│ │ ├── labs/
│ │ │ ├── VAvatarGroup/
│ │ │ │ ├── VAvatarGroup.scss
│ │ │ │ ├── VAvatarGroup.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VAvatarGroup.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VColorInput/
│ │ │ │ ├── VColorInput.sass
│ │ │ │ ├── VColorInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VColorInput.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VCommandPalette/
│ │ │ │ ├── VCommandPalette.scss
│ │ │ │ ├── VCommandPalette.tsx
│ │ │ │ ├── VCommandPaletteItem.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VCommandPalette.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── composables/
│ │ │ │ │ └── useCommandPaletteNavigation.ts
│ │ │ │ ├── index.ts
│ │ │ │ ├── shared.ts
│ │ │ │ └── types.ts
│ │ │ ├── VDateInput/
│ │ │ │ ├── VDateInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VDateInput.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VFileUpload/
│ │ │ │ ├── VFileUpload.sass
│ │ │ │ ├── VFileUpload.tsx
│ │ │ │ ├── VFileUploadDropzone.tsx
│ │ │ │ ├── VFileUploadItem.tsx
│ │ │ │ ├── VFileUploadList.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VIconBtn/
│ │ │ │ ├── VIconBtn.scss
│ │ │ │ ├── VIconBtn.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VIconBtn.spec.browser.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VMaskInput/
│ │ │ │ ├── VMaskInput.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── VMaskInput.spec.browser.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VPicker/
│ │ │ │ ├── VPicker.sass
│ │ │ │ ├── VPicker.tsx
│ │ │ │ ├── VPickerTitle.ts
│ │ │ │ ├── __tests__/
│ │ │ │ │ ├── VPicker.spec.ts
│ │ │ │ │ └── __snapshots__/
│ │ │ │ │ └── VPicker.spec.ts.snap
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VPie/
│ │ │ │ ├── VPie.sass
│ │ │ │ ├── VPie.tsx
│ │ │ │ ├── VPieSegment.tsx
│ │ │ │ ├── VPieTooltip.tsx
│ │ │ │ ├── __tests__/
│ │ │ │ │ └── pie-arc.spec.ts
│ │ │ │ ├── _variables.scss
│ │ │ │ ├── index.ts
│ │ │ │ ├── types.ts
│ │ │ │ └── utils.ts
│ │ │ ├── VProgress/
│ │ │ │ ├── VProgress.sass
│ │ │ │ ├── VProgress.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VPullToRefresh/
│ │ │ │ ├── VPullToRefresh.sass
│ │ │ │ ├── VPullToRefresh.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VStepperVertical/
│ │ │ │ ├── VStepperVertical.tsx
│ │ │ │ ├── VStepperVerticalActions.tsx
│ │ │ │ ├── VStepperVerticalItem.sass
│ │ │ │ ├── VStepperVerticalItem.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── VVideo/
│ │ │ │ ├── VVideo.sass
│ │ │ │ ├── VVideo.tsx
│ │ │ │ ├── VVideoControls.tsx
│ │ │ │ ├── VVideoVolume.tsx
│ │ │ │ ├── _variables.scss
│ │ │ │ └── index.ts
│ │ │ ├── allComponents.ts
│ │ │ ├── components.ts
│ │ │ ├── composables.ts
│ │ │ ├── entry-bundler.ts
│ │ │ ├── index.ts
│ │ │ └── rules/
│ │ │ ├── index.ts
│ │ │ ├── plugin.ts
│ │ │ └── rules.ts
│ │ ├── locale/
│ │ │ ├── __tests__/
│ │ │ │ └── index.spec.ts
│ │ │ ├── adapters/
│ │ │ │ ├── vue-i18n.ts
│ │ │ │ └── vuetify.ts
│ │ │ ├── af.ts
│ │ │ ├── ar.ts
│ │ │ ├── az.ts
│ │ │ ├── bg.ts
│ │ │ ├── ca.ts
│ │ │ ├── ckb.ts
│ │ │ ├── cs.ts
│ │ │ ├── da.ts
│ │ │ ├── de.ts
│ │ │ ├── el.ts
│ │ │ ├── en.ts
│ │ │ ├── es.ts
│ │ │ ├── et.ts
│ │ │ ├── fa.ts
│ │ │ ├── fi.ts
│ │ │ ├── fr.ts
│ │ │ ├── he.ts
│ │ │ ├── hr.ts
│ │ │ ├── hu.ts
│ │ │ ├── id.ts
│ │ │ ├── index.ts
│ │ │ ├── it.ts
│ │ │ ├── ja.ts
│ │ │ ├── km.ts
│ │ │ ├── ko.ts
│ │ │ ├── lt.ts
│ │ │ ├── lv.ts
│ │ │ ├── nl.ts
│ │ │ ├── no.ts
│ │ │ ├── pl.ts
│ │ │ ├── pt.ts
│ │ │ ├── ro.ts
│ │ │ ├── ru.ts
│ │ │ ├── sk.ts
│ │ │ ├── sl.ts
│ │ │ ├── sr-Cyrl.ts
│ │ │ ├── sr-Latn.ts
│ │ │ ├── sv.ts
│ │ │ ├── th.ts
│ │ │ ├── tr.ts
│ │ │ ├── uk.ts
│ │ │ ├── vi.ts
│ │ │ ├── zh-Hans.ts
│ │ │ └── zh-Hant.ts
│ │ ├── shims.d.ts
│ │ ├── styles/
│ │ │ ├── colors.scss
│ │ │ ├── core.scss
│ │ │ ├── elements/
│ │ │ │ ├── _blockquote.sass
│ │ │ │ ├── _global.sass
│ │ │ │ └── _index.sass
│ │ │ ├── generic/
│ │ │ │ ├── _animations.scss
│ │ │ │ ├── _colors.scss
│ │ │ │ ├── _index.scss
│ │ │ │ ├── _layers.scss
│ │ │ │ ├── _reset.scss
│ │ │ │ ├── _rtl.scss
│ │ │ │ ├── _theme.scss
│ │ │ │ └── _transitions.scss
│ │ │ ├── main.sass
│ │ │ ├── settings/
│ │ │ │ ├── _colors.scss
│ │ │ │ ├── _elevations.scss
│ │ │ │ ├── _index.sass
│ │ │ │ ├── _utilities.scss
│ │ │ │ └── _variables.scss
│ │ │ ├── tools/
│ │ │ │ ├── _absolute.sass
│ │ │ │ ├── _border.sass
│ │ │ │ ├── _density.sass
│ │ │ │ ├── _display.sass
│ │ │ │ ├── _elevation.sass
│ │ │ │ ├── _functions.sass
│ │ │ │ ├── _index.sass
│ │ │ │ ├── _layer.scss
│ │ │ │ ├── _position.sass
│ │ │ │ ├── _rounded.sass
│ │ │ │ ├── _rtl.sass
│ │ │ │ ├── _states.sass
│ │ │ │ ├── _theme.sass
│ │ │ │ ├── _typography.sass
│ │ │ │ ├── _utilities.sass
│ │ │ │ └── _variant.sass
│ │ │ ├── utilities/
│ │ │ │ ├── _display.sass
│ │ │ │ ├── _elevation.scss
│ │ │ │ ├── _index.sass
│ │ │ │ ├── _pointer-events.sass
│ │ │ │ └── _screenreaders.sass
│ │ │ └── utilities.scss
│ │ ├── types.ts
│ │ └── util/
│ │ ├── __tests__/
│ │ │ ├── colorUtils.spec.ts
│ │ │ ├── deepEqual.spec.ts
│ │ │ ├── dom.spec.ts
│ │ │ ├── getCurrentInstance.spec.tsx
│ │ │ ├── helpers.spec.ts
│ │ │ ├── propsFactory.spec.ts
│ │ │ └── throttle.spec.ts
│ │ ├── anchor.ts
│ │ ├── animation.ts
│ │ ├── bindProps.ts
│ │ ├── box.ts
│ │ ├── color/
│ │ │ ├── APCA.ts
│ │ │ ├── transformCIELAB.ts
│ │ │ └── transformSRGB.ts
│ │ ├── colorUtils.ts
│ │ ├── colors.ts
│ │ ├── console.ts
│ │ ├── createSimpleFunctional.ts
│ │ ├── deepEqual.ts
│ │ ├── defineComponent.tsx
│ │ ├── dom.ts
│ │ ├── easing.ts
│ │ ├── events.ts
│ │ ├── getCurrentInstance.ts
│ │ ├── getScrollParent.ts
│ │ ├── globals.ts
│ │ ├── helpers.ts
│ │ ├── indentLines.ts
│ │ ├── index.ts
│ │ ├── injectSelf.ts
│ │ ├── isFixedPosition.ts
│ │ ├── propsFactory.ts
│ │ ├── svg-arc-corners.ts
│ │ ├── throttle.ts
│ │ ├── timeUtils.ts
│ │ └── useRender.ts
│ ├── test/
│ │ ├── contextStub.ts
│ │ ├── globals.d.ts
│ │ ├── index.ts
│ │ ├── setup/
│ │ │ ├── browser-commands.ts
│ │ │ ├── browser-setup.ts
│ │ │ ├── to-have-been-warned.ts
│ │ │ └── unit-setup.ts
│ │ └── templates/
│ │ ├── Application.tsx
│ │ ├── CenteredGrid.tsx
│ │ ├── generateStories.tsx
│ │ ├── gridOn.tsx
│ │ └── index.ts
│ ├── tsconfig.checks.json
│ ├── tsconfig.dev.json
│ ├── tsconfig.dist.json
│ ├── tsconfig.json
│ ├── vite.config.ts
│ ├── vitest.config.ts
│ └── vizzly.config.js
├── patches/
│ ├── @mdi__js@7.4.47.patch
│ ├── @testing-library__vue.patch
│ ├── @vitest__browser.patch
│ └── playwright-core.patch
├── pnpm-workspace.yaml
├── renovate.json
├── scripts/
│ ├── build.js
│ ├── confirm-npm-tag.js
│ ├── converter.js
│ ├── dev.js
│ ├── lint-commit-message.js
│ ├── options-to-composition.mjs
│ ├── parse-npm-tag.js
│ ├── post-install.js
│ ├── post-release-merge.js
│ ├── prepare-commit-message.js
│ ├── rules/
│ │ ├── jsx-condition-key.js
│ │ ├── jsx-curly-spacing.js
│ │ ├── jsx-prop-casing.js
│ │ ├── no-components-index.js
│ │ ├── no-nullish-coalescing-in-condition.js
│ │ ├── no-render-string-reference.js
│ │ ├── sort-imports.js
│ │ └── vitest-global-imports.js
│ ├── tdd-run.js
│ └── warn-npm-install.js
├── templates/
│ ├── browser-test.tsx
│ ├── component.tsx
│ ├── page.md
│ └── unit-test.ts
├── tsconfig.eslint.json
└── tsconfig.json
================================================
FILE CONTENTS
================================================
================================================
FILE: .dockerignore
================================================
.git
.vscode
.devbots
.github
node_modules
================================================
FILE: .editorconfig
================================================
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
================================================
FILE: .eslintrc.cjs
================================================
module.exports = {
root: true,
parserOptions: {
parser: '@typescript-eslint/parser',
ecmaVersion: 2020,
sourceType: 'module',
projectService: true,
tsconfigRootDir: __dirname,
extraFileExtensions: ['.vue', '.json'],
suppressDeprecatedPropertyWarnings: true,
},
extends: [
'standard',
'plugin:vue/recommended',
// 'plugin:vuetify/base',
'plugin:sonarjs/recommended',
],
env: {
node: true,
browser: true,
es6: true,
},
plugins: [
'@typescript-eslint',
'@stylistic/ts',
'sonarjs',
'react',
'eslint-plugin-local-rules',
],
rules: {
'no-var': 'error',
// allow paren-less arrow functions
'arrow-parens': ['error', 'as-needed'],
// set maximum line characters
'max-len': ['error', {
code: 140,
ignoreUrls: true,
ignoreTemplateLiterals: true,
ignoreTrailingComments: true,
}],
complexity: ['error', 32],
quotes: ['error', 'single', {
avoidEscape: true,
allowTemplateLiterals: true,
}],
'no-console': 'off',
'comma-dangle': ['error', {
arrays: 'always-multiline',
objects: 'always-multiline',
imports: 'always-multiline',
exports: 'always-multiline',
functions: 'only-multiline',
}],
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-return-assign': 'off',
'no-unused-vars': 'error',
'no-empty': 'error',
'array-bracket-spacing': ['error', 'never'],
'object-curly-spacing': ['error', 'always'],
'space-before-function-paren': [
'error',
{
anonymous: 'always',
named: 'always',
asyncArrow: 'always',
},
],
'no-return-await': 'warn',
'object-shorthand': ['error', 'always'],
'no-extra-semi': 'error',
'prefer-const': ['error', {
destructuring: 'all',
ignoreReadBeforeAssign: true,
}],
'no-prototype-builtins': 'off',
'no-void': 'off',
'no-case-declarations': 'off',
indent: ['error', 2, {
...require('eslint-config-standard').rules.indent[2],
flatTernaryExpressions: true,
offsetTernaryExpressions: false,
}],
'sort-imports': ['warn', {
ignoreDeclarationSort: true,
ignoreCase: true,
}],
'multiline-ternary': 'off',
'no-implicit-coercion': ['error', { boolean: false }],
'sonarjs/cognitive-complexity': 'off',
'sonarjs/no-duplicate-string': 'off',
// Not in override, these apply to non-.vue files too
'vue/require-default-prop': 'off',
'vue/require-prop-types': 'off',
'vue/one-component-per-file': 'off',
'vue/custom-event-name-casing': ['error', 'camelCase', { ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+(?:-[a-z]+)*$/u'] }],
'vue/multi-word-component-names': 'off',
'vue/attributes-order': ['error', {
order: [
'DEFINITION', 'LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'UNIQUE', 'GLOBAL', 'SLOT',
'TWO_WAY_BINDING', 'ATTR_DYNAMIC', 'ATTR_STATIC', 'ATTR_SHORTHAND_BOOL', 'OTHER_DIRECTIVES', 'EVENTS', 'CONTENT',
],
alphabetical: true,
}],
},
overrides: [
{
files: '**/*.vue',
rules: {
indent: 'off',
'vue/script-indent': ['error', 2, {
baseIndent: 1,
switchCase: 1,
ignores: [],
}],
'vue/html-closing-bracket-newline': ['error', {
singleline: 'never',
multiline: 'always',
}],
'vue/html-closing-bracket-spacing': 'error',
'vue/max-attributes-per-line': ['error', {
singleline: 5,
multiline: 1,
}],
'vue/valid-v-on': 'off', // This rule doesn't allow empty event listeners
'vue/no-v-html': 'off',
'vue/singleline-html-element-content-newline': 'off',
'vue/multiline-html-element-content-newline': 'off',
'vue/valid-v-slot': ['error', { allowModifiers: true }],
/* TODO: this really should be enabled,
we just do it so much I didn't have time to fix them all */
'vue/no-v-text-v-html-on-component': 'off',
},
},
{
files: ['**/*.ts', '**/*.tsx'],
parser: '@typescript-eslint/parser',
rules: {
// Can't overload function exports with this enabled
'import/export': 'off',
// False positives on types
'no-undef': 'off',
quotes: 'off',
'@stylistic/ts/quotes': ['error', 'single', {
avoidEscape: true,
allowTemplateLiterals: true,
}],
indent: 'off',
'@stylistic/ts/indent': ['error', 2, {
...require('eslint-config-standard').rules.indent[2],
ignoredNodes: [...require('eslint-config-standard').rules.indent[2].ignoredNodes, 'TSTypeParameterInstantiation'],
flatTernaryExpressions: true,
offsetTernaryExpressions: false,
}],
'func-call-spacing': 'off',
'@stylistic/ts/func-call-spacing': require('eslint-config-standard').rules['func-call-spacing'],
// Handled by tsc
'no-redeclare': 'off',
'no-use-before-define': 'off',
'@typescript-eslint/no-use-before-define': ['error', 'nofunc'],
'no-useless-constructor': 'off',
'@typescript-eslint/no-useless-constructor': ['error'],
// Enabled in tsconfig
'no-unused-vars': 'off',
'@stylistic/ts/member-delimiter-style': ['error', {
multiline: {
delimiter: 'none',
},
singleline: {
delimiter: 'comma',
},
}],
'@stylistic/ts/type-annotation-spacing': 'error',
'@typescript-eslint/prefer-namespace-keyword': 'error',
'@typescript-eslint/adjacent-overload-signatures': 'error',
// '@typescript-eslint/ban-types': 'error',
'@typescript-eslint/member-ordering': 'error',
'@typescript-eslint/no-inferrable-types': 'error',
'@typescript-eslint/unified-signatures': 'error',
'@typescript-eslint/no-invalid-this': 'error',
'@typescript-eslint/consistent-type-imports': ['error', {
prefer: 'type-imports',
fixStyle: 'separate-type-imports',
}],
'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
'import/no-duplicates': ['error', { 'prefer-inline': false }],
'@typescript-eslint/no-non-null-asserted-optional-chain': 'error',
'@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
// '@typescript-eslint/no-unnecessary-condition': 'error',
'@typescript-eslint/prefer-includes': 'error',
// '@typescript-eslint/prefer-nullish-coalescing': 'warn',
// '@typescript-eslint/prefer-optional-chain': 'warn',
'@typescript-eslint/prefer-string-starts-ends-with': 'error',
'@typescript-eslint/prefer-ts-expect-error': 'warn',
'@typescript-eslint/restrict-plus-operands': 'error',
'@typescript-eslint/no-wrapper-object-types': 'error',
},
},
{
files: '**/*.tsx',
rules: {
'jsx-quotes': 'error',
'react/jsx-boolean-value': 'error',
'react/jsx-closing-bracket-location': ['error', 'line-aligned'],
'react/jsx-curly-brace-presence': 'error',
// https://github.com/yannickcr/eslint-plugin-react/issues/2415
// 'react/jsx-curly-spacing': ['error', { when: 'always', spacing: { objectLiterals: 'never' } }],
'local-rules/jsx-condition-key': 'error',
'local-rules/jsx-curly-spacing': ['error', {
when: 'always',
spacing: {
objectLiterals: 'never',
arrayLiterals: 'never',
multilineClose: 'never',
},
children: true,
}],
'local-rules/jsx-prop-casing': 'error',
'react/jsx-equals-spacing': 'error',
'react/jsx-first-prop-new-line': 'error',
'react/jsx-max-props-per-line': ['error', { when: 'multiline' }],
'react/jsx-no-comment-textnodes': 'error',
'react/jsx-tag-spacing': 'error',
'react/jsx-wrap-multilines': ['error', {
declaration: 'parens-new-line',
assignment: 'parens-new-line',
return: 'parens-new-line',
arrow: 'parens-new-line',
condition: 'parens-new-line',
logical: 'parens-new-line',
}],
},
},
{
files: '**/*.d.ts',
rules: {
'import/no-duplicates': 'off',
},
},
{
files: '**/*.json',
parser: '@typescript-eslint/parser',
extends: ['plugin:@typescript-eslint/disable-type-checked'],
rules: {
quotes: ['error', 'double'],
'comma-dangle': ['error', 'never'],
'quote-props': ['error', 'always'],
'max-len': 'off',
'no-unused-expressions': 'off',
'no-template-curly-in-string': 'off',
},
},
],
}
================================================
FILE: .gitattributes
================================================
* text=auto eol=lf
================================================
FILE: .github/.git_commit_msg.txt
================================================
# ------------------------ >8 ------------------------
# |<---- Using a Maximum Of 50 Characters ---->| Hard limit to 72 -->|
# <type>: <subject>
#
# <description>
#
# fixes #<issue>
#
# ----------------------------------------------------
#
# <type> can be
# feat (new feature)
# fix (bug fix)
# docs (documentation only)
# refactor (refactoring production code)
# style (formatting, missing semicolons, etc. no code change)
# test (adding or refactoring tests; no production code change)
# chore (updating npm scripts etc. no production code change)
# revert (revert a commit
# <subject> must be the reverted commit's title
# <description> must contain "This reverts commit <hash>.")
#
# Remember to
# Not capitalize the subject line
# Use the imperative mood in the subject line
# Do not end the subject line with a period
# Separate subject from body with a blank line (comments don't count)
# Use the body to explain what and why vs. how
#
# If you can't summarize your changes in a single line, they should
# probably be split into multiple commits
================================================
FILE: .github/CONTRIBUTING.md
================================================
# Vuetify Contributing Guide
Thank you for your interest in improving Vuetify! Please review these guidelines to ensure a smooth contribution process.
## Important Information
- Detailed instructions for [Contributing to Vuetify](https://vuetifyjs.com/getting-started/contributing/) are available in the documentation.
- For general questions, join [our Discord Community](https://community.vuetifyjs.com/).
## Reporting Issues
- Issues **must** be created using <https://issues.vuetifyjs.com/> or they will be closed immediately.
- The issue list is **exclusively** for bug reports and feature requests.
- Search for existing issues before submitting a new one.
- Ensure the issue is reproducible with the [latest version](https://github.com/vuetifyjs/vuetify/releases/latest).
- Provide a **minimal** and **concise** reproduction using [Vuetify Play](https://play.vuetifyjs.com/) or a public repository with:
- An initial commit showing the working state.
- A subsequent commit triggering the issue.
- Include clear reproduction steps (actions another developer can follow after opening your link).
- Avoid comments like "+1" or "me too!" without additional details—use the :+1: button instead.
## Pull Requests
- Work on a new branch in your fork (e.g., `fix/1234-some-issue`), not `dev` or `master`.
- Submit bug fixes to the `master` branch; new features or breaking changes to the `dev` branch.
- Use a descriptive title (max 64 characters) for the PR—it will become the commit message.
- Include examples of the problem and proposed solution, ideally referencing an existing issue (e.g., `Fixes #1234`).
- Follow [commit guidelines](#commit-guidelines) for all changes.
## Local Development Setup
1. **Prerequisites:**
- Git (>v2.20)
- Node.js (LTS)
- [pnpm](https://pnpm.io/)
- Additional tools may be needed for [node-gyp](https://github.com/nodejs/node-gyp#installation) on Windows.
1. **Clone and Install:**
```bash
git clone https://github.com/vuetifyjs/vuetify.git
cd vuetify
pnpm i
pnpm build vuetify
pnpm build api
```
1. **Development:**
- Run `pnpm dev` from the root to start a dev server at `localhost:8090` with `packages/vuetify/dev/Playground.vue`.
- Test changes in `Playground.vue` and include its contents in your PR.
- For documentation, run `pnpm dev docs` (after building Vuetify with `pnpm build:lib`) at `localhost:8095`.
1. **Submitting Changes:**
- Fork the repository and add your fork as a remote:
```bash
git remote add fork https://github.com/YOUR_USERNAME/vuetify.git
```
- Choose the correct base branch:
- Bug fixes/Documentation: `master`
- New features: `dev`
- Push your branch and open a PR.
## Commit Guidelines
Follow the [conventional-changelog](https://github.com/conventional-changelog/conventional-changelog) standard:
- Format: `<type>(scope): <subject>` (e.g., `fix(VSelect): resolve dropdown bug`) or `<type>: <subject>` (e.g., `docs: update contributing guide`).
- Subject: Max 60 characters, imperative mood (e.g., "fix", not "fixed").
- Body: Reference issues (e.g., `resolves #1234`), wrap at 72 characters, explain "what" and "why" (not "how").
- Types: `feat`, `fix`, `docs`, `style`, `refactor`, `perf`, `test`, `chore`, `revert`.
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
github: [johnleider, KaelWD, MajesticPotatoe]
open_collective: vuetify
ko_fi: # Replace with a single Ko-fi username
tidelift: npm/vuetify
custom: # Replace with a single custom sponsorship URL
================================================
FILE: .github/ISSUE_TEMPLATE/config.yml
================================================
blank_issues_enabled: false
contact_links:
- name: Vuetify Issue Creator
url: https://issues.vuetifyjs.com
about: Create Vuetify issues here.
================================================
FILE: .github/PULL_REQUEST_TEMPLATE.md
================================================
<!--
MAKE SURE TO READ THE CONTRIBUTING GUIDE BEFORE CREATING A PR
https://vuetifyjs.com/getting-started/contributing
Provide a general summary of your changes in the title above
Keep the title short and descriptive, as it will be used as a commit message
PR titles should follow conventional-changelog-angular:
https://vuetifyjs.com/getting-started/contributing/#commit-guidelines
-->
## Description
<!--
Describe your changes in detail. Why is this change required? What problem does it solve?
If it fixes an open issue, please link to the issue here.
e.g. resolves #4213 or fixes #2312
-->
## Markup:
<!--
Information on how to set up your local development environment can be found here:
https://vuetifyjs.com/getting-started/contributing/#setting-up-your-environment
Remove this section for documentation or test-only changes.
-->
<!-- Paste your FULL packages/vuetify/dev/Playground.vue here --->
```vue
```
================================================
FILE: .github/actions/download-locales/action.yml
================================================
name: Download translations
description: Download translations from Crowdin
inputs:
crowdin-branch:
description: 'Crowdin branch name'
required: false
default: 'v4'
runs:
using: composite
steps:
- id: get-date
run: |
echo "date=$(/bin/date -u "+%Y%m%d")" >> $GITHUB_OUTPUT
shell: bash
- uses: actions/cache@v4
id: cache-crowdin
with:
key: crowdin-${{ inputs.crowdin-branch }}-${{ steps.get-date.outputs.date }}
path: |-
packages/api-generator/src/locale/**/*.json
!packages/api-generator/src/locale/en/**/*.json
packages/docs/src/pages/**/*.md
!packages/docs/src/pages/en/**/*.md
packages/docs/src/i18n/messages/*.json
!packages/docs/src/i18n/messages/en.json
- name: Download eo-UY
if: ${{ steps.cache-crowdin.outputs.cache-hit != 'true' }}
uses: crowdin/github-action@v2.7.1
with:
download_language: eo
config: crowdin.yml
upload_sources: false
download_translations: true
push_translations: false
export_only_approved: false
crowdin_branch_name: ${{ inputs.crowdin-branch }}
- name: Download es-MX
if: ${{ steps.cache-crowdin.outputs.cache-hit != 'true' }}
uses: crowdin/github-action@v2.7.1
with:
download_language: es-MX
config: crowdin.yml
upload_sources: false
download_translations: true
push_translations: false
export_only_approved: false
crowdin_branch_name: ${{ inputs.crowdin-branch }}
- name: Download ja-JP
if: ${{ steps.cache-crowdin.outputs.cache-hit != 'true' }}
uses: crowdin/github-action@v2.7.1
with:
download_language: ja
config: crowdin.yml
upload_sources: false
download_translations: true
push_translations: false
export_only_approved: false
crowdin_branch_name: ${{ inputs.crowdin-branch }}
- name: Download zh-CN
if: ${{ steps.cache-crowdin.outputs.cache-hit != 'true' }}
uses: crowdin/github-action@v2.7.1
with:
download_language: zh-CN
config: crowdin.yml
upload_sources: false
download_translations: true
push_translations: false
export_only_approved: false
crowdin_branch_name: ${{ inputs.crowdin-branch }}
================================================
FILE: .github/actions/nightly-release/action.yml
================================================
name: Nightly Release
description: Automatically release nightly builds
inputs:
checkout-repo:
description: 'Repository to checkout'
required: true
checkout-ref:
description: 'Ref to checkout'
required: true
release-id:
description: 'Release ID'
required: true
npm-tag:
description: 'NPM tag'
required: true
outputs:
full-version:
description: 'Full version'
value: ${{ steps.get-version.outputs.full-version }}
runs:
using: composite
steps:
- run: |
git config --global user.email "actions@github.com"
git config --global user.name "GitHub Actions"
shell: bash
- uses: actions/checkout@v4
with:
repository: ${{ inputs.checkout-repo }}
ref: ${{ inputs.checkout-ref }}
fetch-depth: 0
- uses: vuetifyjs/setup-action@master
- run: >-
node -e "
const json = require('./lerna.json');
delete json.command.publish.allowBranch;
fs.writeFileSync('./lerna.json', JSON.stringify(json, null, 2))"
shell: bash
- id: get-version
run: echo "full-version=$(node -e "console.log(require('./lerna.json').version)")-${{ inputs.release-id }}" >> $GITHUB_OUTPUT
shell: bash
- run: pnpm lerna version ${{ steps.get-version.outputs.full-version }} --no-push --no-commit-hooks --force-publish --yes
shell: bash
- run: pnpm conventional-changelog -p vuetify --outfile ./packages/vuetify/CHANGELOG.md -r 2
shell: bash
- run: >-
node -e "fs.writeFileSync(
'./package.json',
JSON.stringify({ ...require('./package.json'), name: '@vuetify/nightly' }, null, 2)
)"
shell: bash
working-directory: ./packages/vuetify
- run: pnpm run --filter @vuetify/nightly build
shell: bash
- run: pnpm run --filter @vuetify/api-generator build
shell: bash
- run: npm install -g npm@latest
shell: bash
- name: NPM Release
run: |
npm publish ./packages/vuetify --tag ${{ inputs.npm-tag }} --access public
shell: bash
env:
NPM_API_KEY: ${{ inputs.npm-token }}
================================================
FILE: .github/issue-close-app.yml
================================================
comment: "Please only create issues with the provided [issue creator](https://issues.vuetifyjs.com). In the boilerplate for creating an issue, it explains that any ticket made without this will be automatically closed. For general questions, please join [the Discord chat room](https://community.vuetifyjs.com). You can also check [reddit](https://www.reddit.com/r/vuetifyjs/) or [stackoverflow](https://stackoverflow.com/questions/tagged/vuetify.js). Thank you."
issueConfigs:
- content:
- "<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->"
- content:
- "<!-- override-close -->"
label: "invalid"
exception:
- "johnleider"
- "KaelWD"
- "MajesticPotatoe"
================================================
FILE: .github/lock.yml
================================================
daysUntilLock: 365
lockComment: false
pulls:
daysUntilLock: 30
exemptLabels: ['S: on hold', 'S: work in progress']
================================================
FILE: .github/semantic.yml
================================================
titleOnly: true
================================================
FILE: .github/sponsors.yml
================================================
- label: 'P: sponsor'
members:
- label: 'P: elite sponsor'
members:
================================================
FILE: .github/workflows/ci.yml
================================================
name: CI
on: [push, pull_request]
concurrency:
group: ci-${{ github.ref }}
cancel-in-progress: true
env:
CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
jobs:
pre_job:
runs-on: ubuntu-24.04
outputs:
should_skip: ${{ steps.skip_check.outputs.should_skip }}
steps:
- id: skip_check
if: ${{ !startsWith(github.ref, 'refs/tags/v') && github.ref_name != 'master' }}
uses: fkirc/skip-duplicate-actions@master
with:
skip_after_successful_duplicate: 'true'
concurrent_skipping: same_content
do_not_skip: '["pull_request", "workflow_dispatch", "schedule"]'
build-vuetify:
name: Build vuetify
needs: pre_job
if: needs.pre_job.outputs.should_skip != 'true'
runs-on: ubuntu-24.04
steps:
- uses: actions/checkout@v4
- uses: vuetifyjs/setup-action@master
- run: pnpm build vuetify
- uses: actions/upload-artifact@v4
with:
name: vuetify-dist
path: |
packages/vuetify/dist
packages/vuetify/lib
lint:
name: Lint
needs: [pre_job, build-vuetify]
if: needs.pre_job.outputs.should_skip != 'true'
runs-on: ubuntu-24.04
strategy:
fail-fast: false
matrix:
scopes: ['--filter vuetify --filter @vuetify/api-generator', '--filter vuetifyjs.com']
steps:
- uses: actions/checkout@v4
- uses: actions/download-artifact@v4
with:
name: vuetify-dist
path: packages/vuetify
- uses: vuetifyjs/setup-action@master
- run: pnpm run $SCOPES lint
env:
SCOPES: ${{ matrix.scopes }}
test:
name: Test
needs: pre_job
if: needs.pre_job.outputs.should_skip != 'true'
runs-on: ubuntu-24.04
steps:
- uses: actions/checkout@v4
- uses: actions/cache@v4
with:
path: ~/.cache/ms-playwright
key: ${{ runner.os }}-playwright-${{ hashFiles('./pnpm-lock.yaml') }}
- uses: vuetifyjs/setup-action@master
- run: pnpm exec playwright install chromium
- run: pnpm run test
working-directory: ./packages/vuetify
- uses: actions/upload-artifact@v4
if: failure()
with:
name: Test screenshots
path: packages/vuetify/test/__screenshots__
if-no-files-found: ignore
overwrite: true
deploy:
needs: [lint, test, build-vuetify]
runs-on: ubuntu-24.04
if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/v') && github.repository_owner == 'vuetifyjs'
environment: production
permissions:
contents: write
id-token: write
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- uses: actions/download-artifact@v4
with:
name: vuetify-dist
path: packages/vuetify
- uses: vuetifyjs/setup-action@master
- run: pnpm build api
- run: npm install -g npm@latest
- name: NPM Release
run: |
npm publish ./packages/vuetify --tag $(node ./scripts/parse-npm-tag.js $GITHUB_REF_NAME)
- name: GitHub release
id: create_release
run: pnpm conventional-github-releaser -p vuetify
env:
DEBUG: '*'
CONVENTIONAL_GITHUB_RELEASER_TOKEN: ${{ secrets.GITHUB_TOKEN }}
build-docs:
name: Build docs
needs: [pre_job, build-vuetify]
if: >
needs.pre_job.outputs.should_skip != 'true' &&
github.event_name == 'push' &&
github.repository_owner == 'vuetifyjs' &&
contains(toJSON('["master", "dev", "next"]'), github.ref_name)
runs-on: ubuntu-24.04
steps:
- uses: actions/checkout@v4
- uses: actions/download-artifact@v4
with:
name: vuetify-dist
path: packages/vuetify
- uses: vuetifyjs/setup-action@master
- uses: ./.github/actions/download-locales
- run: pnpm build api
- run: pnpm build docs
env:
NODE_OPTIONS: --max-old-space-size=10240
VITE_COSMIC_2_BUCKET_SLUG: ${{ secrets.COSMIC_2_BUCKET_SLUG }}
VITE_COSMIC_2_BUCKET_READ_KEY: ${{ secrets.COSMIC_2_BUCKET_READ_KEY }}
VITE_COSMIC_BUCKET_SLUG: ${{ secrets.COSMIC_BUCKET_SLUG }}
VITE_COSMIC_BUCKET_READ_KEY: ${{ secrets.COSMIC_BUCKET_READ_KEY }}
VITE_COSMIC_BUCKET_SLUG_STORE: ${{ secrets.COSMIC_BUCKET_SLUG_STORE }}
VITE_COSMIC_BUCKET_READ_KEY_STORE: ${{ secrets.COSMIC_BUCKET_READ_KEY_STORE }}
VITE_EMAILJS_PUBLIC_KEY: ${{ secrets.EMAILJS_PUBLIC_KEY }}
VITE_EMAILJS_SERVICE_ID: ${{ secrets.EMAILJS_SERVICE_ID }}
VITE_EMAILJS_TEMPLATE_ID: ${{ secrets.EMAILJS_TEMPLATE_ID }}
VITE_API_SERVER_URL: ${{ secrets.API_SERVER_URL }}
VITE_GITHUB_SHA: ${{ github.sha }}
VITE_GITHUB_REF: ${{ github.ref_name }}
- uses: actions/upload-artifact@v4
with:
name: docs-dist
path: packages/docs/dist
publish-docs:
needs: [lint, test, build-docs]
runs-on: ubuntu-24.04
environment: ${{ github.ref_name }}
steps:
- uses: actions/checkout@v4
- uses: actions/download-artifact@v4
with:
name: docs-dist
path: packages/docs/dist
- uses: vuetifyjs/coolify-action@master
with:
token: ${{ secrets.GITHUB_TOKEN }}
imageName: docs
coolifyWebhook: ${{ secrets.COOLIFY_WEBHOOK }}
coolifySecret: ${{ secrets.COOLIFY_TOKEN }}
================================================
FILE: .github/workflows/close-issue.yml
================================================
name: Close issues
on:
push:
branches:
- dev
- next
- v3-stable
- v2-stable
- v2-dev
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
jobs:
close:
runs-on: ubuntu-24.04
if: github.repository_owner == 'vuetifyjs'
steps:
- uses: vuetifyjs/close-action@master
with:
token: ${{ secrets.GITHUB_TOKEN }}
================================================
FILE: .github/workflows/crowdin-uploads.yml
================================================
name: Crowdin Uploads
concurrency:
group: crowdin-${{ github.ref }}
cancel-in-progress: true
on:
push:
branches:
- 'master'
paths:
- 'packages/api-generator/src/locale/en/**'
- 'packages/docs/src/i18n/messages/en.json'
- 'packages/docs/src/pages/en/**'
- '.github/workflows/**'
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
CROWDIN_BRANCH: v4
jobs:
upload-to-crowdin:
runs-on: ubuntu-24.04
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Upload
uses: crowdin/github-action@v2.7.1
with:
config: crowdin.yml
crowdin_branch_name: ${{ env.CROWDIN_BRANCH }}
================================================
FILE: .github/workflows/nightly.yml
================================================
name: Nightly Release
on:
schedule:
- cron: '0 12 * * *' # 1200 UTC
workflow_dispatch:
inputs:
pr:
description: 'Pull Request number'
required: false
type: string
jobs:
nightly-schedule:
runs-on: ubuntu-24.04
if: ${{ github.event_name == 'schedule' && github.repository_owner == 'vuetifyjs' }}
environment: preview
permissions:
contents: read
id-token: write
strategy:
max-parallel: 1
fail-fast: false
matrix:
branch: [ 'master', 'dev', 'next', 'v3-stable', 'v2-stable', 'v2-dev' ]
include:
- branch: 'master'
tag: 'latest'
- branch: 'dev'
tag: 'dev'
- branch: 'next'
tag: 'next'
- branch: 'v3-stable'
tag: 'v3-stable'
- branch: 'v2-stable'
tag: 'v2-stable'
- branch: 'v2-dev'
tag: 'v2-dev'
steps:
- uses: actions/checkout@v4
with:
ref: ${{ matrix.branch }}
fetch-depth: 0
- run: |
last=$(git show -s --format=%ct HEAD)
now=$(date +%s)
diff=$(($now - $last))
if [ $diff -gt 86400 ]; then
echo "Last commit was more than 24 hours ago, skipping release"
exit 1
fi
- run: echo "RELEASE_ID=$(date +'%Y-%m-%d')" >> $GITHUB_ENV
- uses: ./.github/actions/nightly-release
with:
checkout-repo: ${{ github.repository }}
checkout-ref: ${{ matrix.branch }}
release-id: ${{ matrix.branch }}.${{ env.RELEASE_ID }}
npm-tag: ${{ matrix.tag }}
- uses: actions/checkout@v4
nightly-pr:
runs-on: ubuntu-24.04
if: ${{ github.event_name == 'workflow_dispatch' && github.repository_owner == 'vuetifyjs' }}
environment: preview
permissions:
contents: read
id-token: write
pull-requests: write
steps:
- uses: actions/checkout@v4
- uses: actions/github-script@v7
with:
script: |
const pr = await github.rest.pulls.get({
owner: context.repo.owner,
repo: context.repo.repo,
pull_number: ${{ github.event.inputs.pr }}
})
core.exportVariable('CHECKOUT_REPO', pr.data.head.repo.full_name)
core.exportVariable('CHECKOUT_REF', pr.data.head.ref)
core.exportVariable('SHORT_SHA', pr.data.head.sha.slice(0, 7))
- id: nightly-release
uses: ./.github/actions/nightly-release
with:
checkout-repo: ${{ env.CHECKOUT_REPO }}
checkout-ref: ${{ env.CHECKOUT_REF }}
release-id: pr-${{ github.event.inputs.pr }}.${{ env.SHORT_SHA }}
npm-tag: pr
- uses: actions/github-script@v7
with:
script: |
const fullVersion = process.env.FULL_VERSION
const pr = await github.rest.issues.createComment({
owner: context.repo.owner,
repo: context.repo.repo,
issue_number: ${{ github.event.inputs.pr }},
body: `:rocket: Nightly release published to [@vuetify/nightly@${fullVersion}](https://www.npmjs.com/package/@vuetify/nightly/v/${fullVersion}).`
})
env:
FULL_VERSION: ${{ steps.nightly-release.outputs.full-version }}
vizzly:
name: Visual regression tests
runs-on: ubuntu-24.04
if: ${{ github.event_name == 'schedule' && github.repository_owner == 'vuetifyjs' }}
steps:
- uses: actions/checkout@v4
with:
ref: master
fetch-depth: 0
- run: |
last=$(git show -s --format=%ct HEAD)
now=$(date +%s)
diff=$(($now - $last))
if [ $diff -gt 86400 ]; then
echo "Last commit was more than 24 hours ago, skipping tests"
exit 1
fi
- uses: vuetifyjs/setup-action@master
- run: pnpm exec playwright install chromium
- run: pnpm vizzly run "pnpm test:browser"
working-directory: ./packages/vuetify
env:
VIZZLY_TOKEN: ${{ secrets.VIZZLY_TOKEN }}
TEST_TDD_ONLY: 1
================================================
FILE: .github/workflows/stale.yml
================================================
name: 'Close stale issues'
on:
workflow_dispatch:
schedule:
- cron: '08 11 * * *'
jobs:
stale:
runs-on: ubuntu-24.04
steps:
- uses: actions/stale@v9
with:
days-before-stale: 180
days-before-close: 14
only-labels: 'S: triage'
stale-issue-label: 'S: stale'
stale-pr-label: 'S: stale'
exempt-all-milestones: true
exempt-draft-pr: true
================================================
FILE: .github/workflows/triage.yml
================================================
name: Issue triage
on:
issues:
types: [opened, labeled, unlabeled, closed]
jobs:
triage:
runs-on: ubuntu-24.04
steps:
- uses: actions/checkout@v4
- uses: vuetifyjs/triage-action@master
with:
token: ${{ secrets.GITHUB_TOKEN }}
triageLabel: 'S: triage'
staleLabel: 'S: stale'
sponsorsFile: '.github/sponsors.yml'
duplicateLabel: 'duplicate'
triagedLabels: |-
T: documentation
T: bug
T: enhancement
T: feature
T: question
Epic
Task
duplicate
layer 8 issue
invalid
wontfix
working as intended
================================================
FILE: .gitignore
================================================
.DS_Store
node_modules/
.env
.knit
knit.lock
# IDE user config
.vscode/
.idea/
.vs/
# Logs
yarn-error.log
npm-debug.log
lerna-debug.log
# Istanbul coverage
coverage/
# cypress
cypress/screenshots
cypress/videos
# vitest
__screenshots__/
.vercel
.now
================================================
FILE: .husky/commit-msg
================================================
node scripts/lint-commit-message.js $1
================================================
FILE: .husky/pre-commit
================================================
node scripts/warn-npm-install.js
================================================
FILE: .husky/prepare-commit-msg
================================================
node scripts/prepare-commit-message.js $1 $2
================================================
FILE: .nvmrc
================================================
24.11.1
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct
## Our Pledge
In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
## Our Standards
Examples of behavior that contributes to creating a positive environment include:
* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members
Examples of unacceptable behavior by participants include:
* The use of sexualized language or imagery and unwelcome sexual attention or advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or electronic address, without explicit permission
* Other conduct which could reasonably be considered inappropriate in a professional setting
## Our Responsibilities
Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
## Scope
This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at hello@vuetifyjs.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [https://contributor-covenant.org/version/1/4][version]
[homepage]: https://contributor-covenant.org
[version]: https://contributor-covenant.org/version/1/4/
================================================
FILE: Dockerfile
================================================
FROM caddy:2.10.2-alpine
COPY ./packages/docs/dist /srv
COPY ./packages/docs/build/Caddyfile /etc/caddy/Caddyfile
================================================
FILE: SECURITY.md
================================================
# Security Disclosure Procedures
This document outlines security procedures and general policies for the Vuetify project.
* [Reporting a Bug](#reporting-a-bug)
* [Disclosure Policy](#disclosure-policy)
* [Comments on this Policy](#comments-on-this-policy)
## Reporting a Bug
The Vuetify team and community take all security bugs in Vuetify seriously. We appreciate your efforts and responsible disclosure and will make every effort to acknowledge your contributions.
To report a security issue, email [security@vuetifyjs.com](mailto:security@vuetifyjs.com?subject=SECURITY) and include the word **"SECURITY"** in the subject line.
The Vuetify team will send a response indicating the next steps in handling your report. After the initial reply to your report, the security team will keep you informed of the progress towards a fix and full announcement, and may ask for additional information or guidance.
Report security bugs in third-party modules to the person or team maintaining the module. You can also report a vulnerability through the [Node Security Project](https://nodesecurity.io/report).
## Disclosure Policy
When the security team receives a security bug report, they will assign it to a
primary handler. This person will coordinate the fix and release process,
involving the following steps:
* Confirm the problem and determine the affected versions.
* Audit code to find any potential similar problems.
* Prepare fixes for all releases still under maintenance. These fixes will be released as fast as possible to npm.
## Comments on this Policy
If you have suggestions on how this process could be improved please submit a pull request using the [issue creator](https://issues.vuetifyjs.com).
================================================
FILE: crowdin.yml
================================================
project_id_env: CROWDIN_PROJECT_ID
api_token_env: CROWDIN_PERSONAL_TOKEN
project_identifier: vuetify
preserve_hierarchy: true
files:
- source: packages/api-generator/src/locale/en/**/*.json
translation: packages/api-generator/src/locale/%locale%/**/%original_file_name%
- source: packages/docs/src/pages/en/**/*.md
translation: packages/docs/src/pages/%locale%/**/%original_file_name%
- source: packages/docs/src/i18n/messages/en.json
translation: packages/docs/src/i18n/messages/%locale%.json
================================================
FILE: docker-compose.yml
================================================
services:
docs:
image: caddy:alpine
ports:
- ${PORT:-8095}:80
volumes:
- ./packages/docs/dist:/srv
- ./packages/docs/build/Caddyfile:/etc/caddy/Caddyfile
================================================
FILE: eslint-local-rules.cjs
================================================
'use strict'
const path = require('node:path')
const glob = require('glob')
module.exports = Object.fromEntries(
glob.sync('./scripts/rules/*', { cwd: __dirname, dotRelative: true }).map(name => {
const modulePath = path.resolve(__dirname, name)
const module = require(modulePath)
return [path.parse(name).name, module.default || module]
})
)
================================================
FILE: jest.config.cjs
================================================
module.exports = {
verbose: false,
testEnvironment: 'jsdom',
testEnvironmentOptions: {
customExportConditions: ['node', 'node-addons'],
},
roots: [
'<rootDir>/src',
],
setupFilesAfterEnv: [
'<rootDir>/test/index.ts',
],
moduleFileExtensions: [
'tsx',
'ts',
'js',
],
moduleDirectories: [
'node_modules',
],
moduleNameMapper: {
'^@/test$': '<rootDir>/test/index.js',
'^@/test/(.*)$': '<rootDir>/test/$1',
'^@/(.*)$': '<rootDir>/src/$1',
'\\.(css|sass|scss)$': 'identity-obj-proxy',
},
transform: {
'.*\\.(j|t)sx?$': 'babel-jest',
},
collectCoverageFrom: [
'src/**/*.{js,ts,tsx}',
'!**/*.d.ts',
],
transformIgnorePatterns: [
'node_modules/(?!vue-router)',
],
snapshotSerializers: [
'jest-serializer-html',
],
testMatch: [
// Default
'**/test/**/*.js',
'**/__tests__/**/*.spec.js',
'**/__tests__/**/*.spec.ts',
'**/__tests__/**/*.spec.tsx',
],
}
================================================
FILE: lerna.json
================================================
{
"command": {
"publish": {
"allowBranch": [
"master",
"dev",
"next"
],
"message": "chore(release): publish %s"
},
"version": {
"push": true
}
},
"npmClient": "pnpm",
"version": "4.0.3"
}
================================================
FILE: package.json
================================================
{
"name": "@vuetify/vuetify-root",
"type": "module",
"private": true,
"repository": {
"type": "git",
"url": "git+https://github.com/vuetifyjs/vuetify.git"
},
"scripts": {
"dev": "node scripts/dev.js",
"build": "node scripts/build.js",
"lint": "pnpm run -r --parallel --stream lint",
"lint:fix": "pnpm run -r --parallel lint:fix",
"version": "node scripts/confirm-npm-tag.js",
"prepare": "husky; node scripts/post-install.js; $CI || pnpm exec playwright install chromium",
"postversion": "node scripts/post-release-merge.js",
"clean": "pnpm -r exec rm -r node_modules && rm -r node_modules",
"changelog": "conventional-changelog -u -p vuetify",
"all-checks": "pnpm run -r --stream build && pnpm run lint && pnpm run -r test",
"vue-ecosystem-ci:build": "pnpm --filter vuetify run build",
"vue-ecosystem-ci:test": "pnpm --filter vuetify run lint && pnpm --filter vuetify run test"
},
"engines": {
"node": ">=24.11.1"
},
"devDependencies": {
"@babel/cli": "^7.28.3",
"@babel/core": "^7.28.5",
"@babel/preset-env": "^7.28.5",
"@babel/preset-typescript": "^7.28.5",
"@lerna-lite/cli": "^4.9.3",
"@lerna-lite/version": "^4.9.3",
"@mdi/font": "7.4.47",
"@mdi/js": "7.4.47",
"@mdi/svg": "7.4.47",
"@octokit/core": "^6.1.5",
"@rollup/plugin-terser": "^0.4.4",
"@stylistic/eslint-plugin-ts": "^3.1.0",
"@types/lodash-es": "^4.17.12",
"@types/node": "24.10.1",
"@types/yargs": "^17.0.35",
"@typescript-eslint/eslint-plugin": "^8.32.0",
"@typescript-eslint/parser": "^8.32.0",
"@typescript/native-preview": "7.0.0-dev.20250912.1",
"@unhead/vue": "^2.0.19",
"@vitejs/plugin-vue": "^6.0.2",
"@vue/compiler-sfc": "^3.5.25",
"@vue/language-server": "^3.1.5",
"@vue/runtime-core": "^3.5.25",
"@vue/runtime-dom": "^3.5.25",
"@vuetify/github-releaser": "^4.0.3",
"@vueuse/head": "^1.3.1",
"concurrently": "^9.2.1",
"conventional-changelog-cli": "^5.0.0",
"conventional-changelog-vuetify": "^2.0.2",
"cross-spawn": "^7.0.6",
"eslint": "^8.57.0",
"eslint-config-standard": "^17.1.0",
"eslint-formatter-codeframe": "^7.32.2",
"eslint-plugin-import": "^2.32.0",
"eslint-plugin-local-rules": "^2.0.1",
"eslint-plugin-n": "^16.6.2",
"eslint-plugin-promise": "^6.6.0",
"eslint-plugin-react": "^7.37.5",
"eslint-plugin-sonarjs": "^0.25.1",
"eslint-plugin-vue": "^10.6.0",
"eslint-plugin-vuetify": "^2.5.3",
"glob": "^11.1.0",
"husky": "^9.1.7",
"inquirer": "^12.6.0",
"lodash-es": "^4.17.21",
"magic-string": "^0.30.21",
"mkdirp": "^3.0.1",
"moment": "^2.30.1",
"rimraf": "^6.1.2",
"rollup": "^4.53.3",
"rollup-plugin-dts": "^6.2.3",
"rollup-plugin-sass": "^1.15.3",
"rollup-plugin-sourcemaps": "^0.6.3",
"sass": "1.93.3",
"sass-embedded": "1.93.3",
"semver": "^7.7.3",
"shelljs": "^0.10.0",
"stringify-object": "^5.0.0",
"typescript": "~5.8.3",
"upath": "^2.0.1",
"vite": "^7.2.4",
"vite-plugin-inspect": "11.3.3",
"vue": "^3.5.25",
"vue-eslint-parser": "^10.2.0",
"vue-tsc": "^3.1.5",
"vuetify": "workspace:*",
"yargs": "^17.7.2"
},
"packageManager": "pnpm@10.26.1"
}
================================================
FILE: packages/README.md
================================================
<p>These are the packages for the <a href="https://vuetifyjs.com" target="_blank">Vuetify</a> monorepo.</p>
## Packages for the Vuetify
1. **api-generator** - generates api for Vuetify docs and other resources.
2. **docs** - Vuetify documentation
3. **vuetify** - main source code for Vuetify
================================================
FILE: packages/api-generator/.gitignore
================================================
/dist/
/lib/
/src/locale/*
/templates/tmp/
!/src/locale/en
================================================
FILE: packages/api-generator/package.json
================================================
{
"name": "@vuetify/api-generator",
"type": "module",
"version": "4.0.3",
"private": true,
"description": "",
"scripts": {
"build": "node src/index.ts",
"lint": "eslint --ext .ts,.json src -f codeframe --max-warnings 0",
"lint:fix": "pnpm lint --fix"
},
"author": "",
"license": "ISC",
"dependencies": {
"deepmerge": "^4.3.1",
"piscina": "^4.9.2",
"prettier": "^3.6.2",
"ts-morph": "^25.0.1",
"vue": "^3.5.25",
"vuetify": "workspace:*"
},
"devDependencies": {
"@types/stringify-object": "^4.0.5",
"eslint": "^8.57.0",
"stringify-object": "^5.0.0"
}
}
================================================
FILE: packages/api-generator/src/helpers/sass.ts
================================================
import fs from 'node:fs'
function processVariableFile (filePath: string, tagUse: string | string[]) {
if (fs.existsSync(filePath)) {
const varFile = fs.readFileSync(filePath, 'utf8')
const vars = varFile.replace(/\/\/.+[\r\n]+/g, '').split(/;[\n]*/g)
const varValues: Record<string, { default: string, use?: string }> = {}
for (const [index, variable] of vars.entries()) {
const varArr = variable.split(':')
if (varArr.length >= 2 && varArr[0].startsWith('$')) {
const varName = varArr.shift()!.trim()
const varDefault = (vars[index + 1].startsWith('@'))
? vars[index + 1]
: varArr.join(':')
varValues[varName] = {
default: varDefault.replace('!default', '').trim(),
...{ use: tagUse === 'all' || tagUse?.includes(varName) ? 'vuetify' : 'vuetify/settings' },
}
}
}
return varValues
}
return {}
}
export const parseSassVariables = (componentName: string) => {
const rootDir = './../vuetify/src/components'
return processVariableFile(`${rootDir}/${componentName}/_variables.scss`, '')
}
export function parseGlobalSassVariables () {
return {
...processVariableFile(`./../vuetify/src/styles/settings/_variables.scss`, ['$reset', '$color-pack', '$utilities']),
...processVariableFile(`./../vuetify/src/styles/settings/_colors.scss`, 'all'),
...processVariableFile(`./../vuetify/src/styles/settings/_elevations.scss`, []),
}
}
================================================
FILE: packages/api-generator/src/helpers/text.ts
================================================
import { capitalize } from 'lodash-es'
export { camelCase, capitalize } from 'lodash-es'
export const kebabCase = (str: string) => {
let kebab = ''
for (let i = 0; i < str.length; i++) {
const charCode = str.charCodeAt(i)
if (charCode >= 65 && charCode <= 90) {
kebab += `${i > 0 ? '-' : ''}${str[i].toLowerCase()}`
} else {
kebab += str[i]
}
}
return kebab
}
export const pascalize = (str: string) => str.split('-').map(capitalize).join('')
================================================
FILE: packages/api-generator/src/index.ts
================================================
import fs from 'node:fs/promises'
import path from 'upath'
import { components } from 'vuetify/dist/vuetify-labs.js'
import importMap from 'vuetify/dist/json/importMap.json' with { type: 'json' }
import importMapLabs from 'vuetify/dist/json/importMap-labs.json' with { type: 'json' }
import { kebabCase } from './helpers/text.ts'
import type { ComponentData, DirectiveData } from './types.ts'
import { generateComposableDataFromTypes, generateDirectiveDataFromTypes } from './types.ts'
import Piscina from 'piscina'
import { addDescriptions, addDirectiveDescriptions, addPropData, reportMissingDescriptions, sortByKey, stringifyProps } from './utils.ts'
import * as os from 'os'
import { mkdirp } from 'mkdirp'
import { createVeturApi } from './vetur.ts'
import { rimraf } from 'rimraf'
import { createWebTypesApi } from './web-types.ts'
import inspector from 'inspector'
import yargs from 'yargs'
import { parseGlobalSassVariables, parseSassVariables } from './helpers/sass.ts'
const yar = yargs(process.argv.slice(2))
.option('components', {
type: 'array',
})
.option('skip-directives', {
type: 'boolean',
})
.option('skip-composables', {
type: 'boolean',
})
const reset = '\x1b[0m'
const red = '\x1b[31m'
const blue = '\x1b[34m'
const componentsInfo: Record<string, { from: string }> = {
...importMap.components,
...importMapLabs.components,
}
type Truthy<T> = Exclude<T, null | undefined | 0 | '' | false>;
const BooleanFilter = <T>(x: T): x is Truthy<T> => Boolean(x)
function clamp (v: number, min: number, max: number) {
return Math.max(min, Math.floor(Math.min(max, v)))
}
const run = async () => {
const argv = await yar.argv
const locales = await fs.readdir('./src/locale', 'utf-8')
// Components
const pool = new Piscina({
filename: path.resolve('./src/worker.ts'),
niceIncrement: 10,
maxThreads: inspector.url()
? 1
: clamp(os.freemem() / (1.1 * 1024 ** 3), 1, os.cpus().length / 2),
})
const template = await fs.readFile('./templates/component.d.ts', 'utf-8')
await rimraf(path.resolve('./dist'))
await fs.mkdir(path.resolve('./dist'))
await mkdirp('./templates/tmp')
for (const component in components) {
// await fs.writeFile(`./templates/tmp/${component}.d.ts`, template.replaceAll('__component__', component))
await fs.writeFile(`./templates/tmp/${component}.d.ts`,
template.replaceAll('__component__', component)
.replaceAll('__name__', componentsInfo[component].from)
)
}
const outPath = path.resolve('./dist/api')
await mkdirp(outPath)
const componentData = (await Promise.all(
Object.entries(components).map(async ([componentName, componentInstance]) => {
if (argv.components && !argv.components.includes(componentName)) return null
const data = await pool.run(componentName)
const componentProps = stringifyProps(componentInstance.props)
const sources = addPropData(componentName, data, componentProps)
await addDescriptions(componentName, data, locales, sources)
const sass = sortByKey(parseSassVariables(componentName))
const component = {
displayName: componentName,
fileName: componentName,
pathName: kebabCase(componentName),
...data,
sass,
} satisfies ComponentData
await fs.writeFile(path.resolve(outPath, `${component.fileName}.json`), JSON.stringify(component, null, 2))
return component
})
)).filter(BooleanFilter)
// globalSass
const globalSass = {
fileName: 'globals',
displayName: 'globals',
pathName: 'globals',
sass: sortByKey(parseGlobalSassVariables()),
}
await fs.writeFile(path.resolve(outPath, `globals.json`), JSON.stringify(globalSass, null, 2))
// Composables
if (!argv.skipComposables) {
const composables = await Promise.all((await generateComposableDataFromTypes()).map(async composable => {
console.log(blue, composable.displayName, reset)
await addDescriptions(composable.fileName, composable, locales)
return composable
}))
for (const composable of composables) {
await fs.writeFile(
path.resolve(outPath, `${composable.fileName}.json`),
JSON.stringify(composable, null, 2)
)
}
}
// Directives
let directives: DirectiveData[] = []
if (!argv.skipDirectives) {
directives = await Promise.all((await generateDirectiveDataFromTypes()).map(async data => {
console.log(blue, data.fileName, reset)
await addDirectiveDescriptions(data.fileName, data, locales)
return data
}))
for (const directive of directives) {
await fs.writeFile(
path.resolve(outPath, `${directive.fileName}.json`),
JSON.stringify(directive, null, 2)
)
}
}
reportMissingDescriptions()
createVeturApi(componentData)
createWebTypesApi(componentData, directives)
await fs.mkdir(path.resolve('../vuetify/dist/json'), { recursive: true })
await fs.copyFile(path.resolve('./dist/tags.json'), path.resolve('../vuetify/dist/json/tags.json'))
await fs.copyFile(path.resolve('./dist/attributes.json'), path.resolve('../vuetify/dist/json/attributes.json'))
await fs.copyFile(path.resolve('./dist/web-types.json'), path.resolve('../vuetify/dist/json/web-types.json'))
rimraf.sync(path.resolve('./templates/tmp'))
}
run()
================================================
FILE: packages/api-generator/src/locale/en/$vuetify.json
================================================
{
"functions": {
"goTo": "Scroll to target location, using provided options."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataIterator-items.json
================================================
{
"props": {
"itemSelectable": "Property on supplied `items` that contains the boolean value indicating if the item is selectable.",
"itemValue": "Property on supplied `items` that contains its value.",
"returnObject": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-expand.json
================================================
{
"props": {
"expanded": "Array of expanded items. Can be bound to external variable using **v-model:expanded**.",
"expandOnClick": "Expands item when the row is clicked.",
"showExpand": "Shows the expand icon."
},
"events": {
"update:expanded": "Emits when the **expanded** items are updated."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-group.json
================================================
{
"props": {
"groupBy": "Defines the grouping of the table items.",
"pageBy": "Controls how pagination counts items.\n- **item** paginates by individual items,\n- **auto** paginates by top-level groups and falls back to regular items if **group-by** is empty,\n- **any** paginates by both items and groups combined"
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-header.json
================================================
{
"props": {
"headers": "An array of objects that each describe a header column."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-items.json
================================================
{
"props": {
"itemSelectable": "Property on supplied `items` that indicates whether the item is selectable.",
"itemValue": "Property on supplied `items` that contains its value.",
"returnObject": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-paginate.json
================================================
{
"props": {
"itemsPerPage": "The number of items to display on each page.",
"page": "The current displayed page number (1-indexed)."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-select.json
================================================
{
"props": {
"selectStrategy": "Defines the strategy of selecting items in the list. Possible values are: 'single' (only one item can be selected at a time), 'page' ('Select all' button will select only items on the current page), 'all' ('Select all' button will select all items in the list).",
"showSelect": "Shows the column with checkboxes for selecting items in the list."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable-sort.json
================================================
{
"props": {
"customKeySort": "Function used on specific keys within the item object. `customSort` is skipped for columns with `customKeySort` specified.",
"disableSort": "Toggles rendering of sort button.",
"initialSortOrder": "Specifies the initial sort order when an unsorted column is clicked.",
"multiSort": "Let user sort by multiple properties/columns.\n\n- **key**: (optional) when set to `ctrl`, user is required to hold a keyboard key (Ctrl on PC and Command on Mac)\n- **mode**: when user selects a new column to sort by, it will be set first (`prepend`) or last (`append`) in the sort priority. Defaults to `append`\n- **modifier**: (optional) allows user to use both multi-sort modes (`append` and `prepend`) simultaneously",
"mustSort": "Forces sorting on the column(s).",
"sortBy": "Array of column keys and sort orders that determines the sort order of the table."
}
}
================================================
FILE: packages/api-generator/src/locale/en/DataTable.json
================================================
{
"props": {
"hideDefaultBody": "Hides the default body.",
"hideDefaultHeader": "Hides the default header.",
"hideDefaultFooter": "Hides the default footer.",
"search": "Text input used to filter items."
}
}
================================================
FILE: packages/api-generator/src/locale/en/Select.json
================================================
{
"props": {
"closeText": "Text set to the inputs `aria-label` and `title` when input menu is closed.",
"chips": "Changes display of selections to chips.",
"closableChips": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components.",
"hideSelected": "Do not display in the select menu items that are already selected.",
"itemColor": "Sets color of selected items.",
"listProps": "Pass props through to the `v-list` component. Accepts an object with anything from [v-list](/api/v-list/#props) props, camelCase keys are recommended.",
"menuElevation": "Sets the elevation of the dropdown menu.",
"multiple": "Changes select to multiple. Accepts array for value.",
"noAutoScroll": "Prevents the select menu to scroll to the selected item automatically.",
"openOnClear": "Open's the menu whenever the clear icon is clicked.",
"openText": "Text set to the inputs **aria-label** and **title** when input menu is open."
},
"slots": {
"menu-header": "Defines a header above the items list.",
"menu-footer": "Defines a footer below the items list."
}
}
================================================
FILE: packages/api-generator/src/locale/en/SelectionControlGroup.json
================================================
{
"props": {
"defaultsTarget": "The target component to provide defaults values for.",
"error": "Puts the input in a manual error state.",
"falseIcon": "The icon used when inactive.",
"id": "Sets the DOM id on the component.",
"inline": "Puts children inputs into a row.",
"multiple": "Changes select to multiple. Accepts array for value.",
"readonly": "Puts input in readonly state.",
"trueIcon": "The icon used when active.",
"type": "Provides the default type for children selection controls."
}
}
================================================
FILE: packages/api-generator/src/locale/en/Slider.json
================================================
{
"props": {
"max": "Sets the maximum allowed value.",
"min": "Sets the minimum allowed value.",
"noKeyboard": "**FOR INTERNAL USE ONLY** Ignore keyboard events.",
"reverse": "Reverses the slider direction.",
"showTicks": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks.",
"step": "If greater than 0, sets step interval for ticks.",
"thumbColor": "Sets the thumb and thumb label color.",
"thumbLabel": "Show thumb label. If `true` it shows label when using slider. If set to `'always'` it always shows label. Use `'hover'` to show label when hovering over the thumb.",
"thumbSize": "Controls the size of the thumb label.",
"ticks": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks.",
"tickSize": "Controls the size of **ticks**",
"trackColor": "Sets the track's color",
"trackFillColor": "Sets the track's fill color",
"trackSize": "Sets the track's size (height)."
}
}
================================================
FILE: packages/api-generator/src/locale/en/Stepper.json
================================================
{
"props": {
"altLabels": "Places the labels beneath the step.",
"editable": "Marks step as editable.",
"hideActions": "Hide actions bar (prev and next buttons).",
"itemProps": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component.",
"itemTitle": "Property on supplied `items` that contains its title.",
"itemValue": "Property on supplied `items` that contains its value.",
"mobile": "Forces the stepper into a mobile state, removing labels from stepper items.",
"nextText": "The text used for the Next button.",
"prevText": "The text used for the Prev button.",
"nonLinear": "Allow user to jump to any step."
},
"slots": {
"[`header-item.${string}`]": "Slot for customizing header items when using the [items](/api/v-stepper/#props-items) prop.",
"[`item.${string}`]": "Slot for customizing the content for each step.",
"actions": "Slot for customizing [v-stepper-actions](/api/v-stepper-actions/).",
"header": "Slot for customizing the header.",
"header-item": "Slot for customizing all header items.",
"icon": "Slot for customizing all stepper item icons.",
"next": "Slot for customizing the next step functionality",
"prev": "Slot for customizing the prev step functionality"
},
"exposed": {
"next": "Move to the next step.",
"prev": "Move to the prev step."
}
}
================================================
FILE: packages/api-generator/src/locale/en/StepperItem.json
================================================
{
"props": {
"complete": "Marks step as complete.",
"completeIcon": "Icon to display when step is marked as completed.",
"editable": "Marks step as editable.",
"editIcon": "Icon to display when step is editable.",
"errorIcon": "Icon to display when step has an error.",
"error": "Puts the stepper item in a manual error state.",
"rules": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VAlert.json
================================================
{
"props": {
"border": "Adds a colored border to the component.",
"borderColor": "Specifies the color of the border. Only used in combination with **border** prop. Accepts any color value.",
"closable": "Adds a close icon that can hide the alert.",
"closeIcon": "Change the default icon used for **closable** alerts.",
"closeLabel": "Text used for *aria-label* on **closable** alerts. Can also be customized globally in [Internationalization](/customization/internationalization).",
"height": "Sets the height for the component.",
"maxHeight": "Sets the maximum height for the component.",
"maxWidth": "Sets the maximum width for the component.",
"minHeight": "Sets the minimum height for the component.",
"minWidth": "Sets the minimum width for the component.",
"modelValue": "Controls whether the component is visible or hidden.",
"prominent": "Displays a larger vertically centered icon to draw more attention.",
"tile": "Removes the component's border-radius.",
"type": "Create a specialized alert that uses a contextual color and has a pre-defined icon.",
"width": "Sets the width for the component."
},
"slots": {
"append": "Slot for icon at end of alert.",
"close": "Slot for icon used in **dismissible** prop.",
"prepend": "Slot for icon at beginning of alert."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VApp.json
================================================
{
"exposed": {
"theme": "The instance of the injected active theme."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VAppBar.json
================================================
{
"props": {
"collapse": "Morphs the component into a collapsed state, reducing its maximum width.",
"extensionHeight": "Designate an explicit height for the `extension` slot.",
"flat": "Removes the component's **box-shadow**.",
"floating": "Applies **display: inline-flex** to the component.",
"location": "Aligns the component towards the top or bottom.",
"scrollBehavior": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space.",
"scrollTarget": "The element to target for scrolling events. Uses `window` by default.",
"scrollThreshold": "The amount of scroll distance down before **scroll-behavior** activates."
},
"slots": {
"extension": "Slot positioned directly under the main content of the toolbar. Height of this slot can be set explicitly with the **extension-height** prop.",
"image": "Expects the [`v-img`](/components/images/) component."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VAutocomplete.json
================================================
{
"props": {
"autoSelectFirst": "When searching, will always highlight the first option and select it on blur. `exact` will only highlight and select exact matches.",
"clearOnSelect": "Reset the search text when a selection is made while using the **multiple** prop.",
"itemChildren": "This property currently has **no effect**.",
"items": "Can be an array of objects or strings. By default objects should have **title** and **value** properties, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props). Keys to use for these can be changed with the **item-title**, **item-value**, and **item-props** props.",
"noFilter": "Do not apply filtering when searching. Useful when data is being filtered server side."
},
"slots": {
"item": "Define a custom item appearance. The root element of this slot must be a **v-list-item** with `v-bind=\"props\"` applied. `props` includes everything required for the default select list behaviour - including title, value, click handlers, virtual scrolling, and anything else that has been added with `item-props`."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VAvatar.json
================================================
{
"props": {
"badge": "Wraps the avatar in a [VBadge](/api/v-badge/). When set to `true`, displays a dot badge. Accepts an object of VBadge props for further customization."
},
"slots": {
"badge": "Slot for custom badge content. When used, the badge **dot** mode is disabled."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VAvatarGroup.json
================================================
{
"props": {
"border": "Applies border styles to the child [v-avatar](/components/avatars) components.",
"gap": "Sets the overlap gap between avatars. Negative values cause avatars to overlap.",
"hoverable": "Enables a hover animation on child avatars.",
"itemProps": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component.",
"limit": "The total number of avatars to display, including the overflow indicator. E.g. a limit of `3` with 5 items renders 2 avatars and a `+3` overflow indicator.",
"overflowText": "Custom text to display in the overflow avatar. Defaults to `+N` where N is the number of hidden items.",
"reverse": "Reverses the stacking order of the avatars.",
"size": "Sets the size of all child avatars.",
"vertical": "Stacks avatars vertically instead of horizontally."
},
"slots": {
"prepend": "Custom content to be displayed before the avatar list.",
"append": "Custom content to be displayed after the avatar list.",
"item": "Customize each avatar item. Receives `props` and `index`.",
"overflow": "Customize the overflow indicator. Receives the count of hidden items."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBadge.json
================================================
{
"props": {
"bordered": "Applies a **2px** by default and **1.5px** border around the badge when using the **dot** property.",
"content": "Text content to show in the badge.",
"dot": "Reduce the size of the badge and hide its contents.",
"dotSize": "Sets the size of the **dot** variant (includes border when using with **bordered**)",
"floating": "Move the badge further away from the slotted content. Equivalent to an 8px offset.",
"inline": "Display as an inline block instead of absolute position. **location**, **floating**, and **offset** will have no effect.",
"label": "The **aria-label** used for the badge.",
"max": "Sets the maximum number allowed when using the **content** prop with a `number` like value. If the content number exceeds the maximum value, a `+` suffix is added.",
"offsetX": "Offset the badge on the x-axis.",
"offsetY": "Offset the badge on the y-axis.",
"modelValue": "Controls whether the component is visible or hidden."
},
"slots": {
"badge": "The slot used for the badge's content."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBanner.json
================================================
{
"props": {
"avatar": "Designates a specific src image to pass to the thumbnail.",
"lines": "The amount of visible lines of text before it truncates.",
"mobile": "Applies the mobile banner styles.",
"sticky": "Applies `position: sticky` to the component with `top: 0`. You can find more information on the [MDN documentation for sticky position](https://developer.mozilla.org/en-US/docs/Web/CSS/position).",
"stacked": "Forces the banner actions onto a new line. This is not applicable when the banner has `lines=\"one\"`."
},
"slots": {
"actions": "The slot used for the action's content such as a [v-btn](/components/buttons).",
"prepend": "Slot for icon at beginning of banner."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBottomNavigation.json
================================================
{
"props": {
"grow": "Force all [v-btn](/components/buttons) children to take up all available horizontal space.",
"mode": "Changes the orientation and active state styling of the component."
},
"events": {
"update:active": "Event that is emitted when the active state changes."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBottomSheet.json
================================================
{
"props": {
"inset": "Reduces the sheet content maximum width to 70%."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBreadcrumbs.json
================================================
{
"props": {
"divider": "Specifies the dividing character between items."
},
"slots": {
"divider": "The slot used for dividers.",
"prepend": "The slot used for prepend content.",
"title": "The slot used to display the title of each breadcrumb."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBreadcrumbsDivider.json
================================================
{
"props": {
"divider": "Specifies the dividing character between items."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBtn.json
================================================
{
"props": {
"block": "Expands the button to 100% of available space.",
"flat": "Removes the button box shadow. This is different than using the 'flat' variant.",
"icon": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_.",
"readonly": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard.",
"stacked": "Displays the button as a flex-column.",
"spaced": "Extends content to the edges to move main content from prepend and append slots.",
"slim": "Reduces padding to 0 8px."
},
"exposed": {
"group": "Internal representation when used in VBtnToggle."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBtnGroup.json
================================================
{
"props": {
"direction": "Control how children components are arranged - in a row or column.",
"divided": "Add dividers between children [v-btn](/components/buttons) components."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VBtnToggle.json
================================================
{
"props": {
"rounded": "Round edge buttons.",
"tile": "Removes the component's border-radius."
},
"exposed": {
"next": "Activates the next button.",
"prev": "Activates the previous button.",
"select": "Selects a button by index, the second parameter is a boolean to indicate if the button should be selected or not."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCalendar.json
================================================
{
"props": {
"categories": "Specifies what categories to display in the `category` view. This controls the order of the categories as well. If the calendar uses events any categories specified in those events not specified in this value are dynamically rendered in the view unless `category-hide-dynamic` is true.",
"categoryHideDynamic": "Sets whether categories specified in an event should be hidden if it's not defined in `categories`.",
"categoryShowAll": "Set whether the `category` view should show all defined `categories` even if there are no events for a category.",
"categoryForInvalid": "The category to place events in that have invalid categories. A category is invalid when it is not a string. By default events without a category are not displayed until this value is specified.",
"categoryDays": "The number of days to render in the `category` view.",
"categoryText": "If categories is a list of objects, you can use this to determine what property to print out as the category text on the calendar. You can provide a function to do some logic or just define the prop name. It's similar to item-text on v-select",
"dayFormat": "Formats day of the month string that appears in a day to a specified locale",
"end": "The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
"eventCategory": "Set property of *event*'s category. Instead of a property a function can be given which takes an event and returns the category.",
"eventColor": "A background color for all events or a function which accepts an event object passed to the calendar to return a color.",
"eventEnd": "Set property of *event*'s end timestamp.",
"eventHeight": "The height of an event in pixels in the `month` view and at the top of the `day` views.",
"eventMarginBottom": "Margin bottom for event",
"eventMore": "Whether the more 'button' is displayed on a calendar with too many events in a given day. It will say something like '5 more' and when clicked generates a `click:more` event.",
"eventMoreText": "The text to display in the more 'button' given the number of hidden events.",
"eventName": "Set property of *event*'s displayed name, or a function which accepts an event object passed to the calendar as the first argument and a flag signalling whether the name is for a timed event (true) or an event over a day.",
"eventOverlapMode": "One of `stack`, `column`, or a custom render function",
"eventOverlapThreshold": "A value in minutes that's used to determine whether two timed events should be placed in column beside each other or should be treated as slightly overlapping events.",
"eventRipple": "Applies the `v-ripple` directive.",
"events": "An array of event objects with a property for a start timestamp and optionally a name and end timestamp. If an end timestamp is not given, the value of start will be used. If no name is given, you must provide an implementation for the `event` slot.",
"eventStart": "Set property of *event*'s start timestamp.",
"eventTextColor": "A text color for all events or a function which accepts an event object passed to the calendar to return a color.",
"eventTimed": "If Dates or milliseconds are used as the start or end timestamp of an event, this prop can be a string to a property on the event that is truthy if the event is a timed event or a function which takes the event and returns a truthy value if the event is a timed event.",
"firstInterval": "The first interval to display in the `day` view. If `intervalMinutes` is set to 60 and this is set to 9 the first time in the view is 9am.",
"firstTime": "The first time to display in the `day` view. If specified, this overwrites any `firstInterval` value specified. This can be the number of minutes since midnight, a string in the format of `HH:mm`, or an object with number properties hour and minute.",
"hideHeader": "If the header at the top of the `day` view should be visible.",
"intervalCount": "The number of intervals to display in the `day` view.",
"intervalFormat": "Formats time of day string that appears in the interval gutter of the `day` and `week` view to specified locale",
"intervalHeight": "The height of an interval in pixels in the `day` view.",
"intervalWidth": "The width of the interval gutter on the left side in the `day` view.",
"intervalMinutes": "The number of minutes the intervals are in the `day` view. A common interval is 60 minutes so the intervals are an hour.",
"intervalStyle": "Returns CSS styling to apply to the interval.",
"locale": "The locale of the calendar.",
"maxDays": "The maximum number of days to display in the custom calendar if an `end` day is not set.",
"minWeeks": "The minimum number of weeks to display in the `month` or `week` view.",
"monthFormat": "Formats month string that appears in a day to specified locale",
"now": "Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now.",
"shortIntervals": "If true, the intervals in the `day` view will be 9 AM as opposed to 09:00 AM",
"shortMonths": "Whether the short versions of a month should be used (Jan vs January).",
"shortWeekdays": "Whether the short versions of a weekday should be used (Mon vs Monday).",
"showIntervalLabel": "Checks if a given day and time should be displayed in the interval gutter of the `day` view.",
"showMonthOnFirst": "Whether the name of the month should be displayed on the first day of the month.",
"showWeek": "Whether week numbers should be displayed when using the `month` view.",
"start": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar.",
"type": "A string which is one of `month`, `week`, `day`, `4day`, `custom-weekly`, `custom-daily`, and `category`. The custom types look at the `start` and `end` dates passed to the component as opposed to the `value`.",
"v-model": "Sets the `value` property but also updates it when the link of a day is clicked.",
"value": "A date in the format of `YYYY-MM-DD` which determines what span of time for the calendar.",
"weekdayFormat": "Formats day of the week string that appears in the header to specified locale"
},
"slots": {
"category": "The content placed in a category header for the `category` type. The category variable is null for events with invalid (non-string) categories.",
"day-body": "The content that is placed in a `day` view in the scrollable interval container. The day & time object is passed through this slots scope.",
"day-header": "The content that is placed in a `day` view in the top container. The day & time object is passed through this slots scope.",
"day-label": "The content that is placed in the day of the month space in the `custom-weekly` or `month` view. The day & time object is passed through this slots scope.",
"day-label-header": "The content that is placed in the day of the month space in the `week`, `day`, `4day`, or `custom-daily` view. The day & time object is passed through this slots scope.",
"day-month": "The content that is placed in the month space in the `week` or `month` view. The day & time object is passed through this slots scope.",
"day": "The content that is placed in a `week` or `month` view. The day & time object is passed through this slots scope.",
"event": "The content placed in an event. This ignores the `event-name` prop.",
"interval": "The content that is placed in the interval space in the `day` view. The day & time object is passed through this slots scope.",
"interval-header": "The content that is placed in the interval space in the top left of the `day` view."
},
"events": {
"[`${string}:date`]": "Any event on the day of the month link. The second argument is the day & time object.",
"[`${string}:dayCategory`]": "Any event on a day in the `category` view. The second argument is the day object.",
"[`${string}:day`]": "Any event on a day. The second argument is the day object.",
"[`${string}:event`]": "Any event on a specific event. The second argument is the day & time object.",
"[`${string}:interval`]": "Any event at a specific interval label in the `day` view. The second argument is the day & time object.",
"[`${string}:more`]": "Any event on the `X more` button on views with too many events in a day. The second argument is the day & time object.",
"[`${string}:timeCategory`]": "Any event at a specific time in the `category` view. The second argument is the day & time object.",
"[`${string}:time`]": "Any event at a specific time in the `day` view. The second argument is the day & time object.",
"change": "The range of days displayed on the calendar changed. This is triggered on initialization. The event passed is an object with start and end date objects.",
"moved": "One of the functions `next`, `prev`, and `move` was called. The event passed is the day object calculated for the movement."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCard.json
================================================
{
"props": {
"flat": "Removes the card's elevation.",
"hover": "Applies **3dp** (level 2) of elevation when hovered (default 1dp). You can find more information on the [elevation page](/styles/elevation).",
"image": "Apply a specific background image to the component.",
"prependIcon": "Prepends a [v-icon](/components/icons/) component to the header."
},
"slots": {
"actions": "The slot used for the card actions; located at the bottom of the card.",
"image": "The slot used for the card image. This is used with the [image](#props-image) prop."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCarousel.json
================================================
{
"props": {
"color": "Applies a color to the navigation dots - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors).",
"continuous": "Determines whether carousel is continuous.",
"cycle": "Determines if the carousel should cycle through images.",
"delimiterIcon": "Sets icon for carousel delimiter.",
"hideDelimiters": "Hides the carousel's bottom delimiters.",
"hideDelimiterBackground": "Hides the bottom delimiter background.",
"interval": "The duration between image cycles. Requires the **cycle** prop.",
"nextIcon": "The displayed icon for forcing pagination to the next item.",
"prevIcon": "The displayed icon for forcing pagination to the previous item.",
"progress": "Displays a carousel progress bar. Requires the **cycle** prop and **interval**.",
"showArrows": "Displays arrows for next/previous navigation.",
"verticalArrows": "Displays the navigation arrows vertically instead of horizontally.",
"verticalDelimiters": "Displays carousel delimiters vertically."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCheckbox.json
================================================
{
"props": {
"falseIcon": "The icon used when inactive.",
"indeterminate": "Sets an indeterminate state for the checkbox.",
"indeterminateIcon": "The icon used when in an indeterminate state.",
"multiple": "Changes expected model to an array.",
"trueIcon": "The icon used when active."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCheckboxBtn.json
================================================
{
"props": {
"indeterminate": "Puts the control in an indeterminate state. Used with the [indeterminate-icon](#props-indeterminate-icon) property.",
"indeterminateIcon": "Icon used when the component is in an indeterminate state."
},
"events": {
"update:indeterminate": "Event that is emitted when the component's indeterminate state changes."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VChip.json
================================================
{
"props": {
"closable": "Adds remove button and then a chip can be closed.",
"closeIcon": "Change the default icon used for **close** chips.",
"closeLabel": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization).",
"draggable": "Makes the chip draggable.",
"filter": "Displays a selection icon when selected.",
"filterIcon": "Change the default icon used for **filter** chips.",
"label": "Applies a medium size border radius.",
"pill": "Remove `v-avatar` padding.",
"size": "Sets the height, padding and the font size of the component. Accepts only predefined options: **x-small**, **small**, **default**, **large**, and **x-large**.",
"value": "The value used when a child of a [v-chip-group](/components/chip-groups)."
},
"events": {
"click": "Emitted when component is clicked, toggles chip if contained in a chip group - Will trigger component to ripple when clicked unless the `.native` modifier is used."
},
"slots": {
"close": "Slot for icon used in **close** prop.",
"filter": "Slot for icon used in **filter** prop."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VChipGroup.json
================================================
{
"props": {
"baseColor": "Sets the color of component when not focused. Recommended with `color` or `filter` to properly highlight selected items.",
"centerActive": "Forces the selected chip to be centered.",
"column": "Remove horizontal pagination and wrap items as needed.",
"filter": "Applies an checkmark icon in front of every chip for using it like a filter.",
"nextIcon": "Specify the icon to use for the next icon.",
"prevIcon": "Specify the icon to use for the prev icon.",
"showArrows": "Force the display of the pagination arrows."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCol.json
================================================
{
"props": {
"alignSelf": "Deprecated, use **align-self-\\*** class. Available options are: **start**, **center**, **end**, **auto**, **baseline** and **stretch**.",
"cols": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**. It accepts `{n}/{size}` syntax (e.g. 1/5 or 3/24) that overrides grid columns count for size calculation.",
"lg": "Changes the number of columns on large and greater breakpoints.",
"md": "Changes the number of columns on medium and greater breakpoints.",
"offset": "Sets the default offset for the column. Similarly to **cols**, accepts `{n}/{size}` syntax (e.g. 1/5 or 3/24).",
"offsetLg": "Changes the offset of the component on large and greater breakpoints.",
"offsetMd": "Changes the offset of the component on medium and greater breakpoints.",
"offsetSm": "Changes the offset of the component on small and greater breakpoints.",
"offsetXl": "Changes the offset of the component on extra large and greater breakpoints.",
"offsetXxl": "Changes the offset of the component on extra extra large and greater breakpoints.",
"order": "Deprecated, use **order-\\*** class",
"orderLg": "Deprecated, use **order-lg-\\*** class",
"orderMd": "Deprecated, use **order-md-\\*** class",
"orderSm": "Deprecated, use **order-sm-\\*** class",
"orderXl": "Deprecated, use **order-xl-\\*** class",
"orderXxl": "Deprecated, use **order-xxl-\\*** class",
"sm": "Changes the number of columns on small and greater breakpoints.",
"xl": "Changes the number of columns on extra large and greater breakpoints.",
"xxl": "Changes the number of columns on extra extra large and greater breakpoints."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VColorInput.json
================================================
{
"props": {
"hidePip": "Hide pip icon",
"colorPip": "Synchronize pip color with current value",
"pipIcon": "The icon used for pip",
"pipLocation": "Move pip icon to a different slot",
"pipVariant": "Variant of the pip control"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VColorPicker.json
================================================
{
"props": {
"canvasHeight": "Height of canvas.",
"dotSize": "Changes the size of the selection dot on the canvas.",
"eyeDropperIcon": "Icon used to trigger EyeDropper API.",
"hideCanvas": "Hides canvas.",
"hideEyeDropper": "Hides eyedropper icon.",
"hideSliders": "Hides sliders.",
"hideInputs": "Hides inputs.",
"mode": "The current selected input type. Syncable with `v-model:mode`.",
"modes": "Sets available input types.",
"readonly": "Puts the color picker in a readonly state.",
"showSwatches": "Displays color swatches.",
"swatches": "Sets the available color swatches to select from. 2D array of rows and columns, accepts any color format the picker does.",
"swatchesMaxHeight": "Sets the maximum height of the swatches section.",
"width": "Sets the width of the color picker."
},
"events": {
"update:mode": "Selected mode."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCombobox.json
================================================
{
"props": {
"alwaysFilter": "When enabled, dropdown list will always show items matching non-empty value within the field. Recommended when the list is meant to show suggestions rather than options to choose from. For optimal UX, should be combined with `:menu-icon=\"false\"` and `hide-selected`.",
"autoSelectFirst": "When searching, will always highlight the first option and select it on blur. `exact` will only highlight and select exact matches.",
"clearOnSelect": "Reset the search text when a selection is made while using the **multiple** prop.",
"itemChildren": "This property currently has **no effect**.",
"delimiters": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys.",
"items": "Can be an array of objects or strings. By default objects should have **title** and **value** properties, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props). Keys to use for these can be changed with the **item-title**, **item-value**, and **item-props** props."
},
"slots": {
"item": "Define a custom item appearance. The root element of this slot must be a **v-list-item** with `v-bind=\"props\"` applied. `props` includes everything required for the default select list behaviour - including title, value, click handlers, virtual scrolling, and anything else that has been added with `item-props`."
},
"exposed": {
"selectionIndex": "The index of the currently selected item."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCommandPalette.json
================================================
{
"props": {
"closeOnSelect": "Controls whether the palette closes automatically after selecting an actionable item. Set to **false** to keep it open for external drill-in and nested navigation flows.",
"hotkey": "Global keyboard shortcut to toggle the palette. Accepts hotkey strings like `'ctrl+shift+p'` or `'meta+j'`. The shortcut is automatically registered on mount and cleaned up on unmount.",
"inputIcon": "Icon to display at the start of the search input field.",
"items": "Array of command palette items. Objects should have **title** and optionally **subtitle**, **prependIcon**, **appendIcon**, **prependAvatar**, **appendAvatar**, **hotkey**, **onClick**, **to**, **href**, and **value** properties. Use `type: 'subheader'` with a **title** for section headers, or `type: 'divider'` for visual separators between groups.",
"listProps": "Pass props through to the `v-list` component. Accepts an object with anything from [v-list](/api/v-list/#props) props, camelCase keys are recommended.",
"modelValue": "Controls the visibility of the command palette dialog. Use `v-model` for two-way binding.",
"noDataText": "Text displayed when no items match the current search query.",
"placeholder": "Placeholder text displayed in the search input.",
"search": "The current search query. Use `v-model:search` to control or monitor the search input value."
},
"events": {
"before-select": "Emitted before the default auto-close behavior for actionable item selection. The payload includes the selected item, the triggering event, and a **preventDefault** callback. Call **preventDefault()** to keep the palette open.",
"click:item": "Emitted when an item is clicked or activated via Enter key. The payload includes the selected item object and the triggering event (MouseEvent or KeyboardEvent).",
"update:modelValue": "Emitted when the dialog visibility changes.",
"update:search": "Emitted when the search query changes."
},
"slots": {
"prepend": "Content to render above the search input, inside the command palette card. Useful for headers, breadcrumbs, or instructions.",
"input": "Custom search input field. Replaces the default **v-text-field**. Useful for providing a completely custom search implementation.",
"input.append-inner": "Content appended inside the search input field. Useful for adding icons or buttons within the input.",
"append": "Content to render below the items list, inside the command palette card. Useful for footers, keyboard shortcut hints, or additional actions.",
"no-data": "Custom content to display when no items match the search query. Replaces the default no-data message.",
"list.prepend": "Content to prepend to the list component.",
"list.subheader": "Slot for customizing the rendering of subheader items in the list.",
"item.prepend": "Content to display before each item's title.",
"item.title": "Slot for customizing the title of each item.",
"item.append": "Content to display after each item's title, replaces hotkey (if provided)."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCommandPaletteItem.json
================================================
{
"props": {
"item": "The command palette item data object.",
"index": "The index of the item within the command palette list."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VConfirmEdit.json
================================================
{
"props": {
"modelValue": "Represents the committed v-model value",
"cancelText": "Text for the cancel button",
"okText": "Text for the ok button",
"hideActions": "Prevent showing the default actions buttons. Does not affect `<component :is=\"actions\" />`",
"disabled": "Control the disabled state of action buttons. If not provided, internal logic will be used to determine the disabled state."
},
"events": {
"save": "The event emitted when the user clicks the Save button",
"cancel": "The event emitted when the user clicks the Cancel button"
},
"exposed": {
"save": "Manually commit the change",
"cancel": "Manually cancel the change"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VContainer.json
================================================
{
"props": {
"fluid": "Removes viewport maximum-width size breakpoints."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VCounter.json
================================================
{
"props": {
"active": "Determines whether the counter is visible or not.",
"max": "Sets the maximum allowed value.",
"value": "Sets the current counter value."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataIterator.json
================================================
{
"props": {
"customFilter": "Function to filter items.",
"expanded": "Array of expanded items. Can be bound to external variable using **v-model:expanded**.",
"groupBy": "Configures attributes (and sort order) to group items together.",
"initialSortOrder": "Specifies the initial sort order when an **toggleSort** is called for unsorted property.",
"itemsPerPage": "Changes how many items per page should be visible. Can be bound to external variable using **v-model:itemsPerPage**.. Setting this prop to `-1` will display all items on the page.",
"itemsLength": "The total number of items. Useful when using server-side pagination to correctly compute page counts.",
"loading": "If `true` and no items are provided, then a loading text will be shown.",
"search": "Text input used to filter items."
},
"slots": {
"default": "The default slot. Use this to render your items.",
"footer": "Defines a footer below the items.",
"header": "Defines a header above the items.",
"no-data": "Defines content for when no items are provided."
},
"events": {
"update:currentItems": "Emits with the items currently being displayed.",
"update:expanded": "Emits when the **expanded** items are updated.",
"update:groupBy": "Emits when the **group-by** prop is updated.",
"update:itemsPerPage": "Emits when the **items-per-page** prop is updated.",
"update:options": "Emits when pagination related properties (page, itemsPerPage, sortBy, groupBy, search) is updated.",
"update:page": "Emits when the **page** prop is updated.",
"update:sortBy": "Emits when the **sortBy** prop is updated."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTable.json
================================================
{
"props": {
"collapseIcon": "Icon to display when the expandable row is expanded.",
"customFilter": "Function to filter items.",
"density": "Adjusts the vertical height of the table rows.",
"expandIcon": "Icon to display when the expandable row is collapsed.",
"fixedHeader": "Fixed header to top of table.",
"groupBy": "Configures attributes (and sort order) to group items together. Can be customized further with `group-header` and `group-summary` slots.",
"groupCollapseIcon": "Icon to display when the row group is expanded.",
"groupExpandIcon": "Icon to display when the row group is collapsed.",
"headerProps": "Pass props to the default header. See [`v-data-table-headers` API](/api/v-data-table-headers) for more information.",
"headers": "An array of objects that each describe a header column.",
"height": "Set an explicit height of table.",
"hover": "Adds a hover effects to a table rows.",
"itemsPerPage": "Changes how many items per page should be visible. Can be bound to external variable using **v-model:itemsPerPage**.. Setting this prop to `-1` will display all items on the page.",
"page": "The current displayed page number (1-indexed).",
"showSelect": "Shows the select checkboxes in both the header and rows (if using default rows).",
"showExpand": "Shows the expand toggle in default rows.",
"sortBy": "Changes which item property (or properties) should be used for sort order. Can be bound to external variable using **v-model:sortBy**.."
},
"slots": {
"[`header.${string}`]": "Slot for custom rendering of a header cell.",
"[`item.${string}`]": "Slot for custom rendering of a row cell.",
"header.data-table-expand": "Slot to replace the default `v-icon` used when expanding header.",
"body": "Slot to replace the default table `<tbody>`.",
"body.append": "Appends elements to the end of the default table `<tbody>`.",
"body.prepend": "Prepends elements to the start of the default table `<tbody>`.",
"bottom": "Slot for custom rendering of a data table footer.",
"colgroup": "Slot to replace the default rendering of the `<colgroup>` element.",
"footer.prepend": "Adds content to the empty space in the footer.",
"group-header": "Slot for custom rendering of a group header.",
"group-summary": "Slot for custom rendering of a group summary.",
"header.<name>": "Slot to customize a specific header column.",
"header.data-table-select": "Slot to replace the default `v-checkbox-btn` in header.",
"headers": "An array of objects that each describe a header column.",
"item": "Slot to replace the default rendering of a row.",
"item.data-table-select": "Slot to replace the default `v-checkbox-btn` used when selecting rows.",
"item.data-table-expand": "Slot to replace the default `v-icon` used when expanding rows.",
"item.<name>": "Slot to customize a specific column.",
"loading": "Defines content for when `loading` is true and no items are provided.",
"tbody": "Slot to replace the default table `<tbody>`.",
"thead": "Slot to replace the default table `<thead>`.",
"tfoot": "Slot to replace the default table `<tfoot>`.",
"no-data": "Defines content for when no items are provided.",
"top": "Slot to add content above the table."
},
"events": {
"click:row": "Emits when a table row is clicked. This event provides 2 arguments: the first is the native click event, and the second is an object containing the corresponding item for that row. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
"contextmenu:row": "Emits when a table row is right-clicked. The item for the row is included. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
"dblclick:row": "Emits when a table row is double-clicked. The item for the row is included. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
"update:currentItems": "Emits with the items currently being displayed.",
"update:groupBy": "Emits when the **group-by** prop is updated.",
"update:itemsPerPage": "Emits when the **items-per-page** prop is updated.",
"update:modelValue": "Emits when the component's model changes.",
"update:options": "Emits when pagination related properties (page, itemsPerPage, sortBy, groupBy, search) is updated.",
"update:page": "Emits when the **page** prop is updated.",
"update:sortBy": "Emits when the **sortBy** prop is updated."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableFooter.json
================================================
{
"props": {
"firstIcon": "First icon.",
"firstPageLabel": "Label for first page.",
"itemsPerPageOptions": "Array of options to show in the items-per-page dropdown.",
"itemsPerPageText": "Text for items-per-page dropdown.",
"lastIcon": "Last icon.",
"lastPageLabel": "Label for last page.",
"nextIcon": "Next icon.",
"nextPageLabel": "Label for next page.",
"pageText": "Label for page number.",
"prevIcon": "Previous icon.",
"prevPageLabel": "Label for previous page.",
"showCurrentPage": "Show current page number between prev/next icons."
},
"slots": {
"prepend": "Extra content placed before the default pagination."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableHeaders.json
================================================
{
"props": {
"color": "Applies a color to checkboxes, page size dropdown and sort badges in the table header.",
"sortIcon": "Icon used for unsorted columns. By default it uses either **sortAscIcon** or **sortDescIcon** depending on **initialSortOrder**, but can be customized to show a neutral icon instead.",
"sortAscIcon": "Icon used for ascending sort button.",
"sortDescIcon": "Icon used for descending sort button.",
"sticky": "Deprecated, use `fixed-header` instead.",
"fixedHeader": "Sticks the header to the top of the table.",
"headerProps": "Additional props to be be passed to the default header"
},
"slots": {
"[`column.${string}`]": "Slot for custom rendering of a column.",
"[`header.${string}`]": "Slot for custom rendering of a header cell.",
"header.data-table-expand": "Slot for the expand button in the header.",
"header.data-table-select": "Slot for the select-all checkbox in the header.",
"headers": "Slot to replace the default rendering of the `<thead>` element."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableRow.json
================================================
{
"props": {
"cellProps": "Props to be applied to the cell.",
"collapseIcon": "Icon to display when the expandable row is expanded.",
"expandIcon": "Icon to display when the expandable row is collapsed.",
"index": "Row index.",
"item": "Data (key, index and column values) of the displayed item."
},
"events": {
"contextmenu": "The event emitted when the user clicks the context menu button.",
"dblclick": "The event emitted when the user double clicks the row.",
"[`item.${string}`]": "The event emitted when the user clicks the item."
},
"slots": {
"[`header.${string}`]": "Slot for custom rendering of a header cell.",
"[`item.${string}`]": "Slot for custom rendering of a row cell.",
"header.data-table-expand": "Slot to replace the default `v-icon` used when expanding header.",
"header.data-table-select": "Slot to replace the default `v-checkbox-btn` in header.",
"item.data-table-expand": "Slot for the expand button in the row.",
"item.data-table-select": "Slot for the select checkbox in the row."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableRows.json
================================================
{
"props": {
"cellProps": "An object of additional props to be passed to each `<td>` in the table body. Also accepts a function that will be called for each cell. If the same prop is defined both here and in `cellProps` in a headers object, the value from the headers object will be used.",
"loading": "Displays `loading` slot if set to `true`",
"loadingText": "Text shown when the data is loading.",
"rowProps": "An object of additional props to be passed to each `<tr>` in the table body. Also accepts a function that will be called for each row."
},
"slots": {
"[`header.${string}`]": "Slot for custom rendering of a header cell.",
"header.data-table-expand": "Slot to replace the default `v-icon` used when expanding header.",
"header.data-table-select": "Slot to replace the default `v-checkbox-btn` in header.",
"[`item.${string}`]": "Slot for custom rendering of a column.",
"data-table-group": "Slot for custom rendering of a group.",
"data-table-select": "Slot for custom rendering of a header cell with the select checkbox.",
"expanded-row": "Slot for custom rendering of an expanded row.",
"group-header": "Slot for custom rendering of a group header.",
"group-summary": "Slot for custom rendering of a group summary.",
"item.data-table-expand": "Slot for custom rendering of a row cell with the expand icon.",
"item.data-table-select": "Slot for custom rendering of a row cell with the select checkbox.",
"loading": "Slot for custom rendering of the loading state."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableServer.json
================================================
{
"props": {
"itemsLength": "Number of all items.",
"headerProps": "Pass props to the default header. See [`v-data-table-server` API](/api/v-data-table-server) for more information."
},
"slots": {
"[`header.${string}`]": "Slot for a specific header. See [`v-data-table-server` API](/api/v-data-table-server) for more information.",
"[`column.${string}`]": "Slot for custom rendering of a column.",
"[`item.${string}`]": "Slot for custom rendering of a row cell.",
"body": "Slot to replace the default rendering of the `<tbody>` element.",
"body.append": "Adds content to the empty space in the body.",
"body.prepend": "Adds content to the empty space in the body.",
"header.data-table-expand": "Slot for the expand button in the header.",
"header.data-table-select": "Slot for the select-all checkbox in the header.",
"bottom": "Slot to add content below the table.",
"colgroup": "Slot to replace the default rendering of the `<colgroup>` element.",
"data-table-select": "Slot for custom rendering of a header cell with the select checkbox.",
"expanded-row": "Slot for custom rendering of an expanded row.",
"footer.prepend": "Adds content to the empty space in the footer.",
"group-header": "Slot for custom rendering of a group header.",
"group-summary": "Slot for custom rendering of a group summary.",
"headers": "Slot to replace the default rendering of the `<thead>` element.",
"item": "Slot to replace the default rendering of a row.",
"item.data-table-expand": "Slot to replace the default `v-icon` used when expanding rows.",
"item.data-table-select": "Slot to replace the default checkbox used when selecting rows.",
"loading": "Defines content for when `loading` is true and no items are provided.",
"tbody": "Slot to replace the default rendering of the `<tbody>` element.",
"tfoot": "Slot to replace the default rendering of the `<tfoot>` element.",
"thead": "Slot to replace the default rendering of the `<thead>` element.",
"top": "Slot to add content above the table."
},
"events": {
"click:row": "Emits when a table row is clicked. This event provides 2 arguments: the first is the native click event, and the second is an object containing the corresponding item for that row. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
"update:expanded": "Emits when the **expanded** prop is updated.",
"update:groupBy": "Emits when the **group-by** prop is updated.",
"update:itemsPerPage": "Emits when the **items-per-page** prop is updated.",
"update:modelValue": "Emits when the component's model changes.",
"update:options": "Emits when pagination related properties (page, itemsPerPage, sortBy, groupBy, search) is updated.",
"update:page": "Emits when the **page** prop is updated.",
"update:sortBy": "Emits when the **sortBy** prop is updated."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDataTableVirtual.json
================================================
{
"props": {
"headerProps": "Pass props to the default header.",
"itemKey": "The property on each item that is used as a unique key."
},
"slots": {
"[`header.${string}`]": "Slot for a specific header. See [`v-data-table-virtual` API](/api/v-data-table-virtual) for more information.",
"[`column.${string}`]": "Slot for custom rendering of a column.",
"[`item.${string}`]": "Slot for custom rendering of a row cell.",
"header.data-table-expand": "Slot for the expand button in the header.",
"header.data-table-select": "Slot for the select-all checkbox in the header.",
"body.append": "Slot to add content below the table.",
"body.prepend": "Slot to add content above the table.",
"bottom": "Slot to add content below the table.",
"colgroup": "Slot to replace the default rendering of the `<colgroup>` element.",
"data-table-group": "Slot for custom rendering of a group.",
"data-table-select": "Slot for custom rendering of a header cell with the select checkbox.",
"expanded-row": "Slot for custom rendering of an expanded row.",
"group-header": "Slot for custom rendering of a group header.",
"group-summary": "Slot for custom rendering of a group summary.",
"headers": "Slot to replace the default rendering of the `<thead>` element.",
"item": "Slot to replace the default rendering of a row.",
"item.data-table-expand": "Slot to replace the default `v-icon` used when expanding rows.",
"item.data-table-select": "Slot to replace the default checkbox used when selecting rows.",
"loading": "Defines content for when `loading` is true and no items are provided.",
"tbody": "Slot to replace the default table `<tbody>`.",
"thead": "Slot to replace the default table `<thead>`.",
"tfoot": "Slot to replace the default table `<tfoot>`.",
"top": "Slot to add content above the table"
},
"events": {
"click:row": "Emits when a table row is clicked. This event provides 2 arguments: the first is the native click event, and the second is an object containing the corresponding item for that row. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
"update:expanded": "Emits when the **expanded** prop is updated.",
"update:groupBy": "Emits when the **group-by** prop is updated.",
"update:modelValue": "Emits when the component's model changes.",
"update:options": "Emits when pagination related properties (page, itemsPerPage, sortBy, groupBy, search) is updated.",
"update:sortBy": "Emits when the **sortBy** prop is updated."
},
"exposed": {
"calculateVisibleItems": "Trigger updating the currently rendered items based on scroll position."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDateInput.json
================================================
{
"props": {
"hideActions": "Hide the Cancel and OK buttons, and automatically update the value when a date is selected.",
"displayFormat": "The format of the date that is displayed in the input. Can use any format [here](/features/dates/#format-options) or a custom function.",
"inputFormat": "Format for manual date input. Use yyyy, mm, dd with separators '.', '-', '/' (e.g. 'yyyy-mm-dd', 'dd/mm/yyyy').",
"location": "Specifies the date picker's location. Can combine by using a space separated string.",
"updateOn": "Specifies when the text input should update the model value. If empty, the text field will go into read-only state."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePicker.json
================================================
{
"props": {
"allowedDates": "Restricts which dates can be selected.",
"eventColor": "Sets the color for event dots. It can be string (all events will have the same color) or `object` where attribute is the event date and value is boolean/color/array of colors for specified date or `function` taking date as a parameter and returning boolean/color/array of colors for that date.",
"events": "Array of dates or object defining events or colors or function returning boolean/color/array of colors.",
"headerColor": "Allows you to set a different color for the header when used in conjunction with the `color` prop.",
"hideHeader": "Hides the header.",
"hideWeekdays": "Hides the weekdays.",
"landscape": "Changes the picker to landscape mode.",
"landscapeHeaderWidth": "Sets header width when in landscape mode.",
"month": "Sets the month.",
"year": "Sets the year.",
"header": "Text shown when no **display-date** is set.",
"headerDateFormat": "Allows you to customize the format of the date selection text that appears in the header of the calendar.",
"max": "Maximum allowed date/month (ISO 8601 format).",
"min": "Minimum allowed date/month (ISO 8601 format).",
"multiple": "Allow the selection of multiple dates. The **range** value selects all dates between two selections.",
"nextIcon": "Sets the icon for next month/year button.",
"prevIcon": "Sets the icon for previous month/year button.",
"readonly": "Makes the picker readonly (doesn't allow to select new date).",
"showAdjacentMonths": "Toggles visibility of days from previous and next months.",
"showWeek": "Toggles visibility of the week numbers in the body of the calendar.",
"width": "Width of the picker.",
"modeIcon": "Icon displayed next to the current month and year, toggles year selection when clicked.",
"viewMode": "Determines which picker in the date or month picker is being displayed. Allowed values: `'month'`, `'months'`, `'year'`."
},
"events": {
"update:month": "Emitted when the month changes.",
"update:viewMode": "Emitted when the view mode changes.",
"update:year": "Emitted when the year changes."
},
"slots": {
"actions": "Slot for the actions.",
"controls": "Slot for the controls.",
"header": "Slot for the header.",
"year": "Slot for the year."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePickerControls.json
================================================
{
"props": {
"controlHeight": "Sets the height of the controls.",
"controlVariant": "- **docked:** Separate control groups for month and year.\n- **modal:** Month and year are displayed together, clicking the text opens a month picker, clicking the dropdown arrow opens a year picker. There are also arrow buttons to scroll between months.",
"modeIcon": "Icon used for the mode button.",
"nextIcon": "Icon used for the next button.",
"noMonthPicker": "Only applies to `controlVariant=\"modal\"`, the month and year picker buttons are combined into one that only opens the year picker.",
"prevIcon": "Icon used for the previous button.",
"monthText": "Text displayed for the current month.",
"yearText": "Text displayed for the current year.",
"viewMode": "Sets the view mode of the date picker."
},
"events": {
"click:month": "Event fired when clicking on the month.",
"click:next": "Event fired when clicking the next button.",
"click:prev": "Event fired when clicking the previous button.",
"click:year": "Event fired when clicking the date text.",
"click:prev-year": "Event fired when clicking the previous year button.",
"click:next-year": "Event fired when clicking the next year button."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePickerHeader.json
================================================
{
"props": {
"header": "Sets the header content.",
"transition": "Sets the transition when the header changes."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePickerMonth.json
================================================
{
"props": {
"allowedDates": "Sets the allowed dates of the month.",
"hideWeekdays": "Hide the days of the week letters.",
"max": "Sets the maximum date of the month.",
"min": "Sets the minimum date of the month.",
"month": "Sets the month.",
"year": "Sets the year.",
"multiple": "Sets the multiple of the month.",
"readonly": "Puts the picker in a readonly state.",
"showAdjacentMonths": "Show adjacent months.",
"showWeek": "Show the week number.",
"transition": "The transition used when changing months into the future",
"reverseTransition": "The transition used when changing months into the past"
},
"events": {
"update:month": "Fired when the month changes.",
"update:year": "Fired when the year changes."
},
"slots": {
"day": "Slot for a day in the month."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePickerMonths.json
================================================
{
"props": {
"min": "Sets the minimum selectable date. Months before this date will be disabled.",
"max": "Sets the maximum selectable date. Months after this date will be disabled.",
"year": "Sets the year for the given months.",
"allowedMonths": "Restricts which months can be selected."
},
"slots": {
"month": "Slot for the month."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDatePickerYears.json
================================================
{
"props": {
"max": "Sets the maximum date of the month.",
"min": "Sets the minimum date of the month.",
"allowedYears": "Restricts which years can be selected."
},
"slots": {
"year": "Slot for the year."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDefaultsProvider.json
================================================
{
"props": {
"defaults": "Specify new default prop values for components. Keep in mind that this will be merged with previously defined values.",
"disabled": "Turns off all calculations of new default values for improved performance in situations where defaults propagation isn't necessary.",
"reset": "Reset the default values up the nested chain by {n} amount.",
"root": "Force current defaults to match the application root defaults.",
"scoped": "Prevents the ability for default values to be inherited from parent components."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDialog.json
================================================
{
"props": {
"fullscreen": "Changes layout for fullscreen display.",
"maxWidth": "Sets the maximum width for the component.",
"noClickAnimation": "Disables the bounce effect when clicking outside of a `v-dialog`'s content when using the **persistent** prop.",
"openOnHover": "Designates whether component should activate when its activator is hovered.",
"persistent": "Clicking outside of the element or pressing **esc** key will not deactivate it.",
"scrollable": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
},
"exposed": {
"animateClick": "Function invoked when user clicks outside the component and the **persistent** prop is used.",
"globalTop": "Used by activator to determine a components position in the global stack order.",
"localTop": "Used by activator to determine a components position in the local stack order.",
"updateLocation": "Function used for locationStrategy positioning."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDialogTransition.json
================================================
{
"props": {
"target": "Sets the target element for the transition."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VDivider.json
================================================
{
"props": {
"contentOffset": "Increases content spacing from the lines. When passed as an array, the second value shifts slot content down (or right in vertical mode).",
"gradient": "Adds fading effect for both sides.",
"inset": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**.",
"length": "Sets the dividers length. Default unit is px.",
"thickness": "Sets the dividers thickness. Default unit is px.",
"variant": "Applies `border-style`.",
"vertical": "Displays dividers vertically."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VEmptyState.json
================================================
{
"props": {
"actionText": "The text used for the action button.",
"headline": "A large headline often used for 404 pages.",
"href": "The URL the action button links to.",
"justify": "Control the justification of the text.",
"textWidth": "Sets the width of the text container.",
"to": "The URL the action button links to.",
"size": "The size used to control the dimensions of the media element inside the component. Can be specified as a number or a string (e.g., '50%', '100px')."
},
"events": {
"click:action": "Event emitted when the action button is clicked."
},
"slots": {
"actions": "Slot for the action button.",
"headline": "Slot for the component's headline.",
"media": "Slot for the component's media."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VExpansionPanel.json
================================================
{
"props": {
"disabled": "Disables the expansion-panel content.",
"readonly": "Makes the expansion panel content read only.",
"focusable": "Makes the expansion panel content focusable.",
"value": "Controls the opened/closed state of content.",
"static": "Remove title size expansion when selected."
},
"exposed": {
"groupItem": "The current expansion panel within the group in `<v-expansion-panels>`."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VExpansionPanelTitle.json
================================================
{
"props": {
"collapseIcon": "Icon used when the expansion panel is in a collapsable state.",
"expandIcon": "Icon used when the expansion panel is in a expandable state.",
"hideActions": "Hide the expand icon in the content title.",
"static": "Remove title size expansion when selected.",
"focusable": "Makes the expansion panel headers focusable.",
"readonly": "Makes the expansion panel content read only."
},
"slots": {
"actions": "Slot for the actions."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VExpansionPanels.json
================================================
{
"props": {
"focusable": "Makes the expansion-panel headers focusable.",
"flat": "Removes the expansion-panel's elevation and borders.",
"modelValue": "Controls expanded panel(s). Defaults to an empty array when using **multiple** prop. It is recommended to set unique `value` prop for the panels inside, otherwise index is used instead.",
"readonly": "Makes the entire expansion panel read only.",
"static": "Remove title size expansion when selected.",
"tile": "Removes the border-radius."
},
"exposed": {
"prev": "Open the previous panel from the currently selected panel.",
"next": "Open the next panel from the currently selected panel."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFab.json
================================================
{
"props": {
"app": "If true, attaches to the closest layout and positions according to the value of **location**.",
"layout": "If true, will effect layout dimensions based on size and position.",
"appear": "Used to control the animation of the FAB.",
"extended": "An alternate style for the FAB that expects text.",
"location": "The location of the fab relative to the layout. Only works when using **app**.",
"offset": "Translates the Fab up or down, depending on if location is set to **top** or **bottom**."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VField.json
================================================
{
"props": {
"appendInnerIcon": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.",
"baseColor": "Sets the color of the input when it is not focused.",
"centerAffix": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center.",
"clearIcon": "The icon used when the **clearable** prop is set to true.",
"dirty": "Manually apply the dirty state styling.",
"disabled": "Removes the ability to click or target the input.",
"glow": "Makes prepend/append icons full opacity when the field is focused and apply color.",
"error": "Puts the input in a manual error state.",
"flat": "Removes box shadow when using a variant with elevation.",
"iconColor": "Sets the color of the prepend/append icons.",
"id": "Sets the DOM id on the component.",
"labelId": "Sets the DOM id on the inner label element. Useful for associating the label with custom input elements.",
"details": "Controls whether the field generates an `aria-describedby` attribute for accessibility.",
"persistentClear": "Always show the clearable icon when the input is dirty (By default it only shows on hover).",
"prependInnerIcon": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot.",
"reverse": "Reverses the orientation.",
"singleLine": "Label does not move on focus/dirty."
},
"events": {
"click:appendInner": "Emitted when appended inner icon is clicked.",
"click:clear": "Emitted when clearable icon clicked.",
"click:prependInner": "Emitted when prepended inner icon is clicked.",
"update:focused": "Emitted when the input is focused or blurred"
},
"slots": {
"append-inner": "Slot that is appended to the input.",
"clear": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
"label": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
"prepend-inner": "Slot that is prepended to the input."
},
"exposed": {
"controlRef": "Reference to the control element of the field.",
"fieldIconColor": "The color of the icon."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFieldLabel.json
================================================
{
"props": {
"floating": "Elevates the label above the slotted content."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFileInput.json
================================================
{
"props": {
"chips": "Changes display of selections to chips.",
"counter": "Displays the number of selected files.",
"counterSizeString": "The text displayed when using the **counter** and **show-size** props. Can also be customized globally on the [internationalization page](/customization/internationalization).",
"counterString": "The text displayed when using the **counter** prop. Can also be customized globally on the [internationalization page](/customization/internationalization).",
"hideInput": "Display the icon only without the input (file names).",
"multiple": "Adds the **multiple** attribute to the input, allowing multiple file selections.",
"showSize": "Sets the displayed size of selected file(s). When using **true** will default to _1000_ displaying (**kB, MB, GB**) while _1024_ will display (**KiB, MiB, GiB**).",
"truncateLength": "The length of a filename before it is truncated with ellipsis."
},
"slots": {
"counter": "Slot for the input’s counter text.",
"selection": "Slot for defining a custom appearance for selected item(s). Provides the current **index**, **text** (truncated) and [file](https://developer.mozilla.org/en-US/docs/Web/API/File)."
},
"events": {
"mousedown:control": "Event that is emitted when using mousedown on the main control area."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFileUpload.json
================================================
{
"props": {
"browseText": "Text for the browse button.",
"dividerText": "Text in the divider.",
"hideBrowse": "Hides the browse button.",
"multiple": "Allows multiple files to be uploaded.",
"scrim": "Determines whether an overlay is used when hovering over the component with files. Accepts true/false to enable background, and string to define color.",
"insetFileList": "Renders the file list inside the dropzone container instead of below it.",
"showSize": "Shows the size of the file."
},
"slots": {
"browse": "Slot for the browse button.",
"divider": "Slot for the divider between icon and the browse button.",
"icon": "Slot for a custom appearance in icon section.",
"input": "Define a custom native input.",
"single": "Slot for customizing the appearance of a single file when using inset file list mode."
},
"exposed": {
"controlRef": "Reference to the underlying input control element."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFileUploadDropzone.json
================================================
{
"props": {
"browseText": "Text for the browse button.",
"dividerText": "Text in the divider.",
"error": "Puts the dropzone in an error state, changing the border color.",
"hideBrowse": "Hides the browse button.",
"insetFileList": "Renders the file list inside the dropzone container instead of below it.",
"multiple": "Allows multiple files to be uploaded.",
"scrim": "Determines whether an overlay is used when hovering over the component with files. Accepts true/false to enable background, and string to define color.",
"showSize": "Shows the size of the file."
},
"slots": {
"browse": "Slot for the browse button.",
"divider": "Slot for the divider between icon and the browse button.",
"icon": "Slot to replace the default upload icon.",
"input": "Slot to replace the native file input.",
"single": "Slot for customizing the appearance of a single file when using inset file list mode."
},
"events": {
"drop": "Emitted when files are dropped onto the dropzone.",
"click:browse": "Emitted when the browse button is clicked.",
"click:remove": "Emitted when a file's remove button is clicked."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFileUploadItem.json
================================================
{
"props": {
"file": "The file object uploaded",
"fileIcon": "The icon prepending each uploaded file. This will be a preview image if the file is an image.",
"index": "The index of the file in the upload list.",
"showSize": "Show the size of the file"
},
"events": {
"click:remove": "Emitted when the remove icon is clicked"
},
"slots": {
"clear": "Slot for the icon button to clear/remove a file"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFileUploadList.json
================================================
{
"props": {
"files": "An array of File objects to display in the list. When used inside a VFileUpload, this is provided automatically via injection.",
"showSize": "Shows the size of each file."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VFooter.json
================================================
{
"props": {
"app": "Determines the position of the footer. If true, the footer would be given a fixed position at the bottom of the viewport. If false, the footer is set to the bottom of the page."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VForm.json
================================================
{
"events": {
"submit": "Emitted when form is submitted.",
"update:modelValue": "Event emitted when the form's validity changes."
},
"exposed": {
"errors": "Contains all current form input errors.",
"isDisabled": "Indicates if form is disabled or not.",
"isReadonly": "Indicates if form is readonly or not.",
"isValid": "Indicates if form is valid or not.",
"isValidating": "Indicates if form is currently being validated or not.",
"items": "Array of all registered inputs.",
"reset": "Resets validation of all registered inputs, and clears their values.",
"resetValidation": "Resets validation of all registered inputs without modifying their values.",
"validate": "Validates all registered inputs."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VHotkey.json
================================================
{
"props": {
"keys": "String representing keyboard shortcuts to display. Supports multiple formats:\n- **Single keys:** `\"k\"`, `\"enter\"`, `\"escape\"`\n- **Key combinations:** `\"ctrl+k\"`, `\"meta+shift+p\"`, `\"alt+arrowup\"`\n- **Sequential actions:** `\"ctrl+k-then-p\"` (use dash for 'then' relationships)\n- **Multiple shortcuts:** `\"ctrl+k meta+p\"` (space-separated for alternative shortcuts)\n\nSupports platform-aware key names like `meta` (becomes Cmd on Mac, Ctrl on PC) and `alt` (becomes Option on Mac).",
"displayMode": "Controls how keyboard keys are visually represented. Affects the entire component's appearance:\n- **icon:** Uses SVG icons for keys when appropriate (default)\n- **symbol:** Uses Unicode symbols (⌘, ⌃, ⇧, ⌥) - Allows you to manage presentation of modifier keys with fonts\n- **text:** Uses full text labels (Command, Control, Shift, Alt) - most accessible and descriptive",
"keyMap": "Custom key mapping object that defines how individual keys should be displayed. Users can import and modify the exported `hotkeyMap` to create custom configurations. Each key maps to a `PlatformKeyConfig` object with:\n\n```typescript\n{\n mac?: { symbol?: string, icon?: string, text: string },\n default: { symbol?: string, icon?: string, text: string }\n}\n```\n\n**Usage Example:**\n```typescript\nimport { hotkeyMap } from 'vuetify/labs/VHotkey'\n\nconst customKeyMap = {\n ...hotkeyMap,\n 'custom-key': {\n default: { text: 'Custom', icon: 'custom-icon' },\n mac: { text: 'Custom', symbol: '⚡' }\n }\n}\n```\n\nThis enables:\n- **Custom key definitions:** Add support for application-specific keys\n- **Localization:** Override text representations for different languages\n- **Brand customization:** Change how modifier keys appear\n- **Platform-specific styling:** Different representations for Mac vs other platforms\n\nRecommended to set at the application level via component defaults rather than per-instance for consistency.",
"platform": "Controls platform-specific rendering behavior for keyboard shortcuts. Accepts three values:\n- **`'auto'` (default):** Automatically detects the user's platform based on user agent and renders appropriately\n- **`'mac'`:** Forces Mac-style rendering (Command symbols, icons, Option key, etc.)\n- **`'pc'`:** Forces PC-style rendering (Ctrl text, Alt key, etc.)\n\nThis is particularly useful for:\n- **Cross-platform testing:** Verify how shortcuts appear on different platforms\n- **Design consistency:** Ensure specific platform rendering in demos and prototypes\n- **Development workflow:** Test platform-specific behaviors without switching devices\n- **Documentation:** Show platform-specific examples in help content",
"inline": "Optimizes the component for seamless integration within text content and documentation. Applies compact styling with baseline alignment, constrained height (1lh), and responsive typography that inherits from parent text. Ideal for help documentation, tooltips, and instructional content. When using multiple inline hotkeys in the same paragraph, increase line-height to prevent visual overlap on text wrapping.",
"variant": "Controls the visual style and presentation of the hotkey component. Supports standard Vuetify variants plus a special contained variant:\n\n**Standard Variants** (apply styling to individual key elements):\n- **elevated (default):** Raised appearance with shadow, good for standalone hotkey displays\n- **flat:** Solid background without shadow, clean and minimal\n- **tonal:** Subtle tinted background without border, balances visibility with restraint\n- **outlined:** Border-only styling without elevation, lightweight and unobtrusive\n- **text:** Minimal styling with text color emphasis only, blends with content\n- **plain:** No background or border, most subtle option\n\n**Special Variant** (different visual structure):\n- **contained:** Follows MDN's nested `<kbd>` pattern - wraps all keys in a single styled container with unstyled nested elements. Creates a cohesive visual unit that clearly groups related keys together. Cannot be combined with standard variants. Ideal for complex key combinations where you want to show the entire sequence as one unit.",
"disabled": "Applies a disabled visual state to the component.",
"prefix": "Text to display before the hotkey.",
"suffix": "Text to display after the hotkey."
},
"slots": {
"default": "The default Vue slot. Not supported."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VHover.json
================================================
{
"props": {
"disabled": "Removes hover functionality."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VIconBtn.json
================================================
{
"props": {
"active": "When undefined (default), the component utilizes its default variant, otherwise it will use the activeVariant if active is true, or the baseVariant if active is false.",
"activeIcon": "When active is a boolean, this icon is used when active is true.",
"activeVariant": "When active is a boolean, this variant is used when active is true.",
"baseVariant": "When active is a boolean, this variant is used when active is false.",
"hideOverlay": "Hides overlay from being displayed when active or focused.",
"iconColor": "Explicit color applied to the icon.",
"loading": "Displays circular progress bar in place of the icon.",
"readonly": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard.",
"rotate": "The rotation of the icon in degrees.",
"sizes": "An array of tuples that define the button sizes for each named size."
},
"events": {
"update:active": "Event that is emitted when the active state changes."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VImg.json
================================================
{
"props": {
"absolute": "Applies position: absolute to the component.",
"alt": "Alternate text for screen readers. Leave empty for decorative images.",
"aspectRatio": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted.",
"cover": "Resizes the background image to cover the entire container.",
"draggable": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable).",
"lazySrc": "Something to show while waiting for the main image to load, typically a small base64-encoded thumbnail. Has a slight blur filter applied. \nNOTE: This prop has no effect unless either `height` or `aspect-ratio` are provided.",
"crossorigin": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)",
"position": "Applies [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) styles to the image and placeholder elements.",
"referrerpolicy": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)",
"options": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor.",
"sizes": "For use with `srcset`, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes).",
"src": "The image URL. This prop is mandatory.",
"srcset": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset).",
"transition": "The transition to use when switching from `lazy-src` to `src`. Can be one of the [built in](/styles/transitions/) or custom transition.",
"gradient": "The gradient to apply to the image. Only supports [linear-gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient) syntax, anything else should be done with classes.",
"imageClass": "Applies CSS classes to the inner `<img>` element."
},
"slots": {
"placeholder": "Display an overlay while the image is loading.",
"error": "Will be shown if the image fails to load, replacing the placeholder slot.",
"sources": "A list of `<source>` elements. If this slot is used v-img will render a `<picture>` instead of `<img>`."
},
"events": {
"error": "Emitted if the image fails to load.",
"load": "Emitted when the image is loaded.",
"loadstart": "Emitted when the image starts to load."
},
"exposed": {
"currentSrc": "The current source of the image. This is the image that is currently being displayed. This is useful for determining if the image is loading or not.",
"image": "The image element.",
"naturalHeight": "The natural height of the image.",
"naturalWidth": "The natural width of the image.",
"state": "The current state of the image. This is useful for determining if the image is loading or not."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VInfiniteScroll.json
================================================
{
"props": {
"direction": "Specifies if scroller is **vertical** or **horizontal**.",
"emptyText": "Text shown when there is no more content to load.",
"loadMoreText": "Text shown in default load more button, when in manual mode.",
"margin": "Value sent to the intersection observer. Will make the observer trigger earlier, by the margin (px) value supplied.",
"mode": "Specifies if content should load automatically when scrolling (**intersect**) or manually (**manual**).",
"side": "Specifies the side where new content should appear. Either the **start**, **end**, or **both** sides."
},
"slots": {
"empty": "Shown when load returned status 'empty'.",
"error": "Shown when load returned status 'error'.",
"load-more": "Shown when scrolled to either side of the content, in manual mode.",
"loading": "Shown when content is loading."
},
"events": {
"load": "Emitted when reaching the start / end threshold, or if triggered when using manual mode."
},
"exposed": {
"reset": "Resets side status to 'ok' letting it trigger 'load' again. Useful to prevent given side being stuck in 'empty' or 'error' state."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VInput.json
================================================
{
"props": {
"baseColor": "Sets the color of the input when it is not focused.",
"centerAffix": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center.",
"direction": "Changes the direction of the input.",
"hideDetails": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display.",
"hideSpinButtons": "Hides spin buttons on the input when type is set to `number`.",
"glow": "Makes prepend/append icons full opacity when the input is focused and apply color.",
"hint": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property.",
"iconColor": "Sets the color of the prepend/append icons.",
"id": "Sets the DOM id on the component.",
"indentDetails": "Adds / removes inline padding in inputs details. Useful when trying to align different variants of fields and selection controls.",
"persistentHint": "Forces [hint](#props-hint) to always be visible.",
"prependIcon": "Prepends an icon to the component, uses the same syntax as `v-icon`."
},
"events": {
"click:append": "Emitted when appended icon is clicked.",
"click:prepend": "Emitted when prepended icon is clicked."
},
"exposed": {
"errorMessages": "An array of error messages that were set by the `setErrors` method.",
"isValid": "Boolean indicating if the input is valid.",
"reset": "Resets the input value.",
"resetValidation": "Resets validation of the input without modifying its value.",
"validate": "Validates the input's value."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VItemGroup.json
================================================
{
"props": {
"selectedClass": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VLayout.json
================================================
{}
================================================
FILE: packages/api-generator/src/locale/en/VLayoutItem.json
================================================
{
"props": {
"position": "The position of the item."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VLazy.json
================================================
{
"props": {
"options": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VList.json
================================================
{
"props": {
"activeColor": "Deprecated, use `color` instead.",
"activatable": "Designates whether the list items are activatable. Additionally, sets necessary accessibility attributes internally.",
"disabled": "Puts all children inputs into a disabled state.",
"filterable": "**FOR INTERNAL USE ONLY** Prevents list item selection using [space] key and pass it back to the text input. Used internally for VAutocomplete and VCombobox.",
"itemsRegistration": "When set to 'props', skips rendering collapsed items/nodes (for significant performance gains).",
"lines": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers.",
"nav": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**.",
"navigationIndex": "Specifies the currently selected navigation index when using `navigationStrategy=\"track\"`. Can be used with `v-model:navigationIndex` for two-way binding. Items at this index receive visual keyboard focus styling and automatic scrolling. Note: Only works with the `items` prop, not with slotted items.",
"navigationStrategy": "Determines keyboard navigation behavior. **focus** (default) moves DOM focus to items, suitable for traditional lists. **track** provides visual keyboard focus without moving DOM focus, ideal for command palettes and autocomplete where an external element retains focus. When track mode is active, items automatically receive `tabindex=\"-1\"`, proper `aria-activedescendant` is set on the list container, and keyboard-focused items display focus-visible styling with auto-scrolling.",
"slim": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation.",
"prependGap": "Sets the horizontal spacing between prepend slot and the main content within list item. Also affects indent to ensure expected alignment of group children.",
"indent": "Overrides the indent size for nested groups.",
"collapseIcon": "Icon to display when the list item is expanded.",
"expandIcon": "Icon to display when the list item is collapsed.",
"selectable": "Designates whether the list items are selectable. Additionally, sets necessary accessibility attributes internally."
},
"events": {
"click:activate": "Emitted when the list item is activated.",
"click:open": "Emitted when the list item is opened.",
"click:select": "Emitted when the list item is selected.",
"update:activated": "Emitted when the list item is activated.",
"update:navigationIndex": "Emitted when keyboard navigation occurs in `navigationStrategy=\"track\"`. The event payload is the new index of the selected item. Automatically skips non-selectable items like dividers and subheaders.",
"update:opened": "Emitted when the list item is opened.",
"update:selected": "Emitted when the list item is selected."
},
"slots": {
"item": "Slot for rendering custom list items. Receives `{ props }` where `props` contains item data (`title`, `subtitle`, `value`, etc.) plus `index` (the item's position in the list). Use this to completely customize item rendering while still using VList's navigation and selection features.",
"header": "Slot for rendering custom group headers when using nested items. Receives `{ props }` containing the group's header item data plus activator props for expand/collapse functionality."
},
"exposed": {
"children": "The nested list items within the component.",
"focus": "Focus the list item.",
"getPath": "Get the position of an item within the nested structure.",
"navigationIndex": "A computed ref that returns the current navigation index when using `navigationStrategy=\"track\"`. Returns -1 when no item is selected or when using `navigationStrategy=\"focus\"`.",
"open": "Open the list item.",
"parents": "The parent list items within the component."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VListGroup.json
================================================
{
"props": {
"activeColor": "Deprecated, use `color` instead.",
"disabled": "Puts all children inputs into a disabled state.",
"collapseIcon": "Icon to display when the list item is expanded.",
"expandIcon": "Icon to display when the list item is collapsed.",
"prependIcon": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
"rawId": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\".",
"subgroup": "Designate the component as nested list group.",
"value": "Expands / Collapse the list-group.",
"fluid": "Removes the left padding assigned for action icons from group items."
},
"exposed": {
"isOpen": "Returns the current state of the list-group."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VListItem.json
================================================
{
"props": {
"active": "Controls the **active** state of the item. This is typically used to highlight the component.",
"activeColor": "Deprecated, use `color` instead.",
"color": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),",
"title": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead.",
"value": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected.",
"lines": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop.",
"nav": "Reduces the width v-list-item takes up as well as adding a border radius.",
"slim": "Reduces horizontal spacing for badges, icons, tooltips, and avatars to create a more compact visual representation.",
"index": "The index of the item within the list. Used internally for keyboard navigation and selection.",
"tabindex": "Controls the tabindex of the list item. When set, overrides the default tabindex behavior. Automatically set to -1 by VList when using `navigationStrategy=\"track\"` to prevent Tab key navigation into items."
},
"exposed": {
"activate": "Activate the list item.",
"id": "The unique identifier of the list item.",
"isActivated": "Check if the list item is activated.",
"isGroupActivator": "Check if the list item activates a group.",
"isSelected": "Check if the list item is selected.",
"link": "Navigation information if list item functions as a link.",
"list": "The reference to the parent list component.",
"root": "The root nested list component",
"select": "Select this list item."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VListSubheader.json
================================================
{
"props": {
"tag": "Specify a custom tag used on the root element.",
"title": "Specify a title text for the component.",
"inset": "Insets the subheader without additional spacing, aligning it flush with the surrounding content.",
"sticky": "Sticks the header to the top of the table."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VLocaleProvider.json
================================================
{
"props": {
"fallbackLocale": "Specify a fallback locale to use when a locale is not found.",
"locale": "Specify a locale to use.",
"rtl": "Specify a RTL mode."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VMain.json
================================================
{
"props": {
"scrollable": "Specify a custom scrollable function."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VMenu.json
================================================
{
"props": {
"attach": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator.",
"id": "The unique identifier of the component.",
"closeOnContentClick": "Designates if menu should close when its content is clicked.",
"closeDelay": "Milliseconds to wait before closing component. Only works with the **open-on-hover** prop.",
"disableInitialFocus": "Deprecated, use `capture-focus` instead. Prevents automatic redirect of first `focusin` event. Intended to use on permanently open menus or VSpeedDial.",
"minWidth": "Sets the minimum width for the component. Use `auto` to use the activator width.",
"openDelay": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop.",
"openOnClick": "Designates whether menu should open on activator click.",
"openOnHover": "Designates whether menu should open on activator hover.",
"submenu": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
},
"exposed": {
"animateClick": "Function invoked when user clicks outside.",
"globalTop": "Used by activator to determine a components position in the global stack order.",
"id": "The unique identifier of the component.",
"localTop": "Used by activator to determine a components position in the local stack order.",
"target": "Ref to the current target element.",
"updateLocation": "Function used for locationStrategy positioning."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VMessages.json
================================================
{
"props": {
"active": "Determines whether the messages are visible or not."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VNavigationDrawer.json
================================================
{
"props": {
"disableResizeWatcher": "Prevents the automatic opening or closing of the drawer when resized, based on whether the device is mobile or desktop.",
"disableRouteWatcher": "Disables opening of navigation drawer when route changes.",
"expandOnHover": "Collapses the drawer to a **rail-variant** until hovering with the mouse.",
"floating": "A floating drawer has no visible container (no border-right).",
"image": "Apply a specific background image to the component.",
"mobileBreakpoint": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality.",
"permanent": "The drawer remains visible regardless of screen size.",
"rail": "Sets the component width to the **rail-width** value.",
"railWidth": "Sets the width for the component when `rail` is enabled.",
"scrim": "Determines whether an overlay is used when a **temporary** drawer is open. Accepts true/false to enable background, and string to define color.",
"temporary": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background.",
"touchless": "Disable mobile touch functionality.",
"location": "Controls the edge of the screen the drawer is attached to.",
"sticky": "When true, the drawer will remain visible when scrolling past the top of the page."
},
"slots": {
"append": "A slot at the bottom of the drawer.",
"image": "Used to modify `v-img` properties when using the **src** prop.",
"prepend": "A slot at the top of the drawer"
},
"events": {
"update:rail": "Event that is emitted when the rail model changes."
},
"exposed": {
"isStuck": "Used to determine if the drawer is stuck to the top of the page."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VNumberInput.json
================================================
{
"props": {
"controlVariant": "The color of the control. It defaults to the value of `variant` prop.",
"decimalSeparator": "Expects single character to be used as decimal separator.",
"hideInput": "Hide the input field.",
"inset": "Applies an indentation to the dividers used in the stepper buttons.",
"max": "Specifies the maximum allowable value for the input.",
"min": "Specifies the minimum allowable value for the input.",
"minFractionDigits": "Specifies the minimum fraction digits to be displayed (capped to `precision`). Defaults to `precision` when not explicitly set.",
"precision": "Enforces strict precision. It is expected to be an integer value in range between `0` and `15`, or null for unrestricted.",
"step": "Defines the interval between allowed values when the user increments or decrements the input",
"type": "**IGNORED** underlying input is always of type 'text'"
},
"slots": {
"decrement": "Slot for customizing the decrement button or icon used to decrease the value of the input.",
"increment": "Slot for customizing the increment button or icon used to increase the value of the input."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOtpInput.json
================================================
{
"props": {
"autofocus": "Automatically focuses the first input on page load",
"divider": "Specifies the dividing character between items.",
"focusAll": "Puts all inputs into a focus state when any are focused",
"length": "The OTP field's length.",
"placeholder": "Sets the input’s placeholder text.",
"masked": "Hides the entered characters with bullets, similar to a password input, but makes it possible to also restrict characters to digits with `type=\"number\"`.",
"type": "Supported types: `text`, `password`, `number`."
},
"events": {
"finish": "Emitted when the input is filled completely and cursor is blurred."
},
"exposed": {
"reset": "Reset's the input model to an empty array"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOverflowBtn.json
================================================
{
"props": {
"editable": "Creates an editable button.",
"overflow": "Creates an overflow button.",
"persistentPlaceholder": "Forces label to always be visible.",
"segmented": "Creates a segmented button."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOverlay-activator.json
================================================
{
"props": {
"activator": "Explicitly sets the overlay's activator.",
"activatorProps": "Apply custom properties to the activator.",
"contentProps": "Apply custom properties to the content.",
"closeOnContentClick": "Closes component when you click on its content.",
"location": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both..",
"openOnClick": "Activate the component when the activator is clicked.",
"openOnFocus": "Activate the component when the activator is focused.",
"openOnHover": "Activate the component when the activator is hovered.",
"target": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOverlay-location-strategies.json
================================================
{
"props": {
"locationStrategy": "A function used to specifies how the component should position relative to its activator.",
"offset": "Increases distance from the target. When passed as a pair of numbers, the second value shifts anchor along the side and away from the target.",
"stickToTarget": "Enables the overlay content to go off-screen when scrolling.",
"viewportMargin": "Sets custom viewport margin for the overlay content"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOverlay-scroll-strategies.json
================================================
{
"props": {
"scrollStrategy": "Strategy used when the component is activate and user scrolls."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VOverlay.json
================================================
{
"props": {
"absolute": "Applies **position: absolute** to the content element.",
"attach": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default.",
"closeOnBack": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing.",
"contained": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`. (Note: The parent element must have position: relative.).",
"noClickAnimation": "Disables the bounce effect when clicking outside of the content element when using the persistent prop.",
"opacity": "Sets the opacity of the scrim element. Only applies if `scrim` is enabled.",
"persistent": "Clicking outside of the element or pressing esc key will not deactivate it.",
"scrim": "Accepts true/false to enable background, and string to define color.",
"zIndex": "The z-index used for the component."
},
"events": {
"click:outside": "Event that fires when clicking outside an active overlay.",
"afterLeave": "Event that fires after the overlay has finished transitioning out.",
"afterEnter": "Event that fires after the overlay has finished transitioning in.",
"keydown": "Emitted when **any** key is pressed."
},
"exposed": {
"activatorEl": "Ref to the current activator element.",
"animateClick": "Function invoked when user clicks outside.",
"contentEl": "Ref to the current content element.",
"globalTop": "Used by activator to determine a components position in the global stack order.",
"localTop": "Used by activator to determine a components position in the local stack order.",
"rootEl": "Ref to the root v-overlay element.",
"scrimEl": "Ref to the current scrim element.",
"target": "Ref to the current target element.",
"updateLocation": "Function used for locationStrategy positioning."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPagination.json
================================================
{
"props": {
"ariaLabel": "Label for the root element.",
"color": "Applies specified color to the selected page button - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors).",
"currentPageAriaLabel": "Label for the currently selected page.",
"ellipsis": "Text to show between page buttons when truncating the list.",
"firstAriaLabel": "Label for the go to first button.",
"firstIcon": "The icon to use for the first button.",
"lastAriaLabel": "Label for the go to last button.",
"lastIcon": "The icon to use for the last button.",
"length": "The number of pages.",
"nextAriaLabel": "Label for the next button.",
"nextIcon": "The icon to use for the next button.",
"pageAriaLabel": "Label for each page button.",
"prevIcon": "The icon to use for the prev button.",
"previousAriaLabel": "Label for the previous button.",
"showFirstLastPage": "Show buttons for going to first and last page.",
"start": "Specify the starting page.",
"totalVisible": "Specify the total visible pagination numbers."
},
"slots": {
"first": "Define a custom appearance for the first button.",
"last": "Define a custom appearance for the last button.",
"next": "Define a custom appearance for the next button.",
"prev": "Define a custom appearance for the previous button."
},
"events": {
"first": "Emitted when clicking on go to first button.",
"last": "Emitted when clicking on go to last button.",
"next": "Emitted when clicking on go to next button.",
"prev": "Emitted when clicking on go to previous button."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VParallax.json
================================================
{
"props": {
"scale": "The scale of the parallax image."
},
"slots": {
"error": "Puts the input in a manual error state.",
"placeholder": "Sets the input's placeholder text.",
"sources": "A list of `<source>` elements."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPicker.json
================================================
{
"props": {
"divided": "Adds a divider between the header and controls.",
"landscape": "Puts the picker into landscape mode.",
"hideHeader": "Hide the picker header.",
"hideTitle": "Hide the picker title."
},
"slots": {
"actions": "Slot for customizing the content in the actions area",
"header": "Slot for the component's header content."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPie.json
================================================
{
"props": {
"gaugeCut": "Allows removing bottom part of the chart to make it into a gauge. Expects angle (0-180).",
"hoverScale": "Enables interactive behavior by reducing segment size until it gets hovered. Expects fraction value (0-0.25).",
"innerCut": "Specifies inner radius for a donut-style chart as a percent (0-100). Without `hide-slice`, inner slice is visible with translucent color matching the item.",
"items": "Data items expected to contain `key`, `title` and `value`.",
"legend": "Controls legend visibility, position and text format.",
"palette": "Defines colors and patterns to be applied based on the data items order. Data items can also define their colors.",
"rotate": "Rotates the chart segments clockwise.",
"size": "Sets the height and width of the chart (excluding title and legend).",
"tooltip": "Controls tooltip visibility, transition, offset from the cursor and formats of title and subtitle."
},
"slots": {
"center": "Slot used to put custom content in the center of the chart",
"legend": "Slot used to override how legend is being displayed",
"legend-text": "Slot used to customize as text content of single legend item",
"title": "Slot used to customize the title above the chart",
"tooltip": "Slot used to customize tooltip content"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPieSegment.json
================================================
{
"props": {
"animation": "Controls duration and easing of the expand/collapse and hover effect. Defaults to `easeInOutCubic` over 400ms.",
"color": "Sets segment color to be passed straight to CSS style attribute.",
"gap": "Reduces segment size by a specified angle. Recommended to in range (0-10).",
"hideSlice": "Makes inner slice invisible instead of semi-transparent.",
"innerCut": "Sets inner slice size in percent (0-100).",
"pattern": "Decal pattern to put on top of the outer slice.",
"rotate": "Sets segment offset angle.",
"rounded": "Number passed as corner radius relative to 100x100 SVG viewport",
"value": "The value used for calculate segment/arc angle size.",
"hoverScale": "Reduces outer radius until segment is hovered. Expects fraction value (0-0.25)",
"reveal": "Enables and controls duration for initial reveal animation. Easing function is shared with `animation` prop."
},
"events": {
"update:active": "Emitted when the segment's active (hovered) state changes."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPieTooltip.json
================================================
{
"props": {
"item": "Data item related to hovered segment",
"titleFormat": "Formatter definition or function. When passed as String macros for `[title]` and `[value]` get replaced dynamically.",
"subtitleFormat": "Formatter definition or function. When passed as String macros for `[title]` and `[value]` get replaced dynamically.",
"target": "The coordinates used to position the tooltip.",
"transition": "The transition used when hovering between chart segments"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VProgress.json
================================================
{
"props": {
"absolute": "Positions the component absolutely within its parent, centering the progress indicator and placing details without affecting layout.",
"type": "Determines which progress indicator to render.",
"label": "Text displayed alongside the progress indicator and placed in `aria-label`.",
"detailsPosition": "Controls the position of the details (label and value) relative to the progress indicator.",
"max": "Sets the maximum value for the progress indicator.",
"hideLabel": "Hides the label text.",
"hideValue": "Hides the value text.",
"valueFormat": "Formatter for the visible value text and `aria-valuetext`. Use `[value]` and `[max]` as placeholders in strings, or pass a function that receives `{ value, max }` and returns a string."
},
"slots": {
"label": "Slot for custom label content.",
"value": "Slot for custom value content."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VProgressCircular.json
================================================
{
"props": {
"indeterminate": "Constantly animates, use when loading progress is unknown. If set to the string `'disable-shrink'` it will use a simpler animation that does not run on the main thread.",
"reveal": "Animates the progress circle from 0 to its model value when the component mounts.",
"rounded": "Rounds the ends of the progress arc for a softer appearance. When enabled, the progress stroke will have rounded caps instead of square ends.",
"modelValue": "The percentage value for current progress.",
"rotate": "Rotates the circle start point in degrees.",
"size": "Sets the diameter of the circle in pixels.",
"width": "Sets the stroke of the circle in pixels."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VProgressLinear.json
================================================
{
"props": {
"absolute": "Applies position: absolute to the component.",
"active": "Reduce the height to 0, hiding component.",
"bgOpacity": "Background opacity, if null it defaults to 0.3 if background color is not specified or 1 otherwise.",
"bufferColor": "Sets the color of the buffer bar.",
"bufferOpacity": "Set the opacity of the buffer bar.",
"bufferValue": "The percentage value for the buffer.",
"chunkCount": "Specifies amount of chunks to divide the bar into.",
"chunkGap": "Defines size of the gap between chunks.",
"chunkWidth": "Defines chunk absolute size. Useful when chunk is narrow.",
"clickable": "Clicking on the progress track will automatically set the value.",
"indeterminate": "Constantly animates, use when loading progress is unknown.",
"max": "Sets the maximum value the progress can reach.",
"opacity": "Set the opacity of the progress bar.",
"reverse": "Displays reversed progress (right to left in LTR mode and left to right in RTL).",
"roundedBar": "Applies a border radius to the progress bar.",
"stream": "An alternative style for portraying loading that works in tandem with **buffer-value**.",
"striped": "Adds a stripe background to the filled portion of the progress component."
},
"slots": {
"default": "Provides the current value of the component."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VPullToRefresh.json
================================================
{
"props": {
"pullDownThreshold": "The distance the user must pull down to trigger a refresh."
},
"events": {
"load": "Emitted when the user pulls down past the threshold."
},
"slots": {
"pullDownPanel": "Slot to override the display of the progress indicator after a pull down"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VRadio.json
================================================
{
"props": {
"falseIcon": "The icon used when inactive.",
"trueIcon": "The icon used when active."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VRadioGroup.json
================================================
{
"props": {
"inline": "Displays radio buttons in row."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VRangeSlider.json
================================================
{
"props": {
"strict": "Disallows dragging the ending thumb past the starting thumb and vice versa."
},
"slots": {
"thumb-label": "Slot for the thumb label.",
"tick-label": "Slot for the tick label."
},
"events": {
"end": "Slider value emitted at the end of slider movement.",
"start": "Slider value emitted at start of slider movement."
},
"exposed": {
"focus": "Focus the first slider handle"
}
}
================================================
FILE: packages/api-generator/src/locale/en/VRating.json
================================================
{
"props": {
"clearable": "Allows for the component to be cleared by clicking on the current value.",
"emptyIcon": "The icon displayed when empty.",
"fullIcon": "The icon displayed when full.",
"itemLabels": "Array of labels to display next to each item..",
"itemLabelPosition": "Position of item labels. Accepts 'top' and 'bottom'.",
"halfIncrements": "Allows the selection of half increments.",
"hover": "Provides visual feedback when hovering over icons.",
"length": "The amount of items to show.",
"readonly": "Removes all hover effects and pointer events.",
"itemAriaLabel": "The **aria-label** used for each item."
},
"slots": {
"item": "The slot for each item.",
"item-label": "The slot for each item label."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VResponsive.json
================================================
{
"props": {
"aspectRatio": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content.",
"contentClass": "Apply a custom class to the internal content element.",
"inline": "Display as an inline element instead of a block, also disables flex-grow."
},
"slots": {
"additional": "The slot for additional content."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VRow.json
================================================
{
"props": {
"align": "Deprecated, use **align-\\*** class. Available options are: **start**, **center**, **end**, **baseline** and **stretch**.",
"alignLg": "Deprecated, use **align-lg-\\*** class",
"alignMd": "Deprecated, use **align-md-\\*** class",
"alignSm": "Deprecated, use **align-sm-\\*** class",
"alignXl": "Deprecated, use **align-xl-\\*** class",
"alignXxl": "Deprecated, use **align-xxl-\\*** class",
"alignContent": "Deprecated, use **align-content-\\***. Available options are: **start**, **center**, **end**, **space-between**, **space-around** and **stretch**.",
"alignContentLg": "Deprecated, use **align-content-lg-\\*** class",
"alignContentMd": "Deprecated, use **align-content-md-\\*** class",
"alignContentSm": "Deprecated, use **align-content-sm-\\*** class",
"alignContentXl": "Deprecated, use **align-content-xl-\\*** class",
"alignContentXxl": "Deprecated, use **align-content-xxl-\\*** class",
"dense": "Deprecated, use `density` with **comfortable** instead.",
"density": "Adjusts the spacing between `v-col`s. Available options are: **default**, **comfortable**, **compact**.",
"justify": "Deprecated, use **justify-\\***. Available options are: **start**, **center**, **end**, **space-between** and **space-around**.",
"justifyLg": "Deprecated, use **justify-lg-\\*** class",
"justifyMd": "Deprecated, use **justify-md-\\*** class",
"justifySm": "Deprecated, use **justify-sm-\\*** class",
"justifyXl": "Deprecated, use **justify-xl-\\*** class",
"justifyXxl": "Deprecated, use **justify-xxl-\\*** class",
"gap": "Sets the gap between `v-col`s. Can be a single value for both row and column gap, or the array of two values [column gap, row gap].",
"noGutters": "Removes the gutter between `v-col`s (same as `gap='0'`).",
"size": "Sets the number of columns."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSelect.json
================================================
{
"props": {
"chips": "Changes display of selections to chips.",
"closableChips": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components.",
"hideSelected": "Do not display in the select menu items that are already selected.",
"itemColor": "Sets color of selected items.",
"itemChildren": "This property currently has **no effect**.",
"items": "Can be an array of objects or strings. By default objects should have **title** and **value** properties, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props). Keys to use for these can be changed with the **item-title**, **item-value**, and **item-props** props.",
"itemValue": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479).",
"minWidth": "Sets the minimum width of the select's `v-menu` content.",
"multiple": "Changes select to multiple. Accepts array for value.",
"openOnClear": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state."
},
"slots": {
"item": "Define a custom item appearance. The root element of this slot must be a **v-list-item** with `v-bind=\"props\"` applied. `props` includes everything required for the default select list behaviour - including title, value, click handlers, virtual scrolling, and anything else that has been added with [`item-props`](api/v-select/#props-item-props)."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSelectionControl.json
================================================
{
"props": {
"baseColor": "Sets the color of the input when it is not focused.",
"value": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
},
"slots": {
"input": "The slot used for the default input element."
},
"exposed": {
"isFocused": "Will return true if the component is currently focused.",
"input": "Reference to the root input element."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSheet.json
================================================
{}
================================================
FILE: packages/api-generator/src/locale/en/VSkeletonLoader.json
================================================
{
"props": {
"boilerplate": "Remove the loading animation from the skeleton.",
"loading": "Applies a loading animation with a on-hover loading cursor. A value of **false** will only work when there is content in the `default` slot.",
"loadingText": "aria-label for the element in a loading state.",
"type": "A string delimited list of skeleton components to create such as `type=\"text@3\"` or `type=\"card, list-item\"`. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as **article@3** and **paragraph@2** which will generate 3 _article_ skeletons and 2 _paragraph_ skeletons. Please see below for a list of available pre-defined options."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSlideGroup.json
================================================
{
"props": {
"centerActive": "Forces the selected component to be centered.",
"contentClass": "Adds classes to the slide group item.",
"direction": "Switch between horizontal and vertical modes.",
"mobileBreakpoint": "Sets the designated mobile breakpoint for the component.",
"nextIcon": "The appended slot when arrows are shown.",
"prevIcon": "The prepended slot when arrows are shown.",
"showArrows": "Change when the overflow arrow indicators are shown. By **default**, arrows *always* display on Desktop when the container is overflowing. When the container overflows on mobile, arrows are not shown by default. A **show-arrows** value of `true` allows these arrows to show on Mobile if the container overflowing. A value of `desktop` *always* displays arrows on Desktop while a value of `mobile` always displays arrows on Mobile. A value of `always` always displays arrows on Desktop *and* Mobile. Use **never** to turn arrows off. Find more information on how to customize breakpoint thresholds on the [breakpoints page](/customizing/breakpoints)."
},
"slots": {
"next": "The next slot.",
"prev": "The prev slot."
},
"exposed": {
"focus": "Focus the component.",
"hasNext": "Returns true if there are items after current index.",
"hasPrev": "Returns true if there are items before current index.",
"scrollOffset": "Scroll the component to a given index.",
"scrollTo": "Scroll the component to a given index.",
"selected": "Get the selected component index."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSlider.json
================================================
{
"slots": {
"thumb-label": "Slot for the thumb label.",
"tick-label": "Slot for the tick label."
},
"events": {
"end": "Slider value emitted at the end of slider movement.",
"start": "Slider value emitted at start of slider movement."
},
"exposed": {
"focus": "Focus the slider handle."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSnackbar.json
================================================
{
"props": {
"loading": "Displays a loading spinner in the prepend area.",
"prependAvatar": "Displays an avatar in the prepend area using the provided image source.",
"prependIcon": "Displays an icon in the prepend area.",
"reverseTimer": "Reverses the direction of the timer progress bar, filling up instead of depleting.",
"timer": "Display a progress bar that counts down until the snackbar closes. Use `bottom` to change the default placement.",
"timerColor": "Sets the color of the timer progress bar.",
"timeout": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use `-1` to keep open indefinitely. It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the countdown.",
"transition": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition. Supports special location-aware mode with **slide-auto** and **scroll-auto**",
"collapsed": "Alters the element size fit behind front snackbar in the queue.",
"queueGap": "Sets the offset to show collapsed snackbars as a stack. Requires value in pixels.",
"queueIndex": "The index position of this snackbar within a queue.",
"vertical": "Stacks snackbar content on top of the actions (button)."
},
"slots": {
"actions": "Used to bind styles to [v-btn](/components/buttons) to match MD2 specification.",
"header": "Slot for custom content above the snackbar body."
},
"exposed": {
"animateClick": "Function invoked when user clicks outside.",
"globalTop": "Used by activator to determine a components position in the global stack order.",
"localTop": "Used by activator to determine a components position in the local stack order.",
"updateLocation": "Function used for locationStrategy positioning."
}
}
================================================
FILE: packages/api-generator/src/locale/en/VSnackbarQueue.json
================================================
{
"props": {
"closable": "Adds a dismiss button that closes the active snackbar.",
"displayStrategy": "Determines how new snackbars are handled when the queue is full. **hold** (default) keeps new messages queued until a slot opens. **over
gitextract_h1t3tnb3/ ├── .dockerignore ├── .editorconfig ├── .eslintrc.cjs ├── .gitattributes ├── .github/ │ ├── .git_commit_msg.txt │ ├── CONTRIBUTING.md │ ├── FUNDING.yml │ ├── ISSUE_TEMPLATE/ │ │ └── config.yml │ ├── PULL_REQUEST_TEMPLATE.md │ ├── actions/ │ │ ├── download-locales/ │ │ │ └── action.yml │ │ └── nightly-release/ │ │ └── action.yml │ ├── issue-close-app.yml │ ├── lock.yml │ ├── semantic.yml │ ├── sponsors.yml │ └── workflows/ │ ├── ci.yml │ ├── close-issue.yml │ ├── crowdin-uploads.yml │ ├── nightly.yml │ ├── stale.yml │ └── triage.yml ├── .gitignore ├── .husky/ │ ├── commit-msg │ ├── pre-commit │ └── prepare-commit-msg ├── .nvmrc ├── CODE_OF_CONDUCT.md ├── Dockerfile ├── SECURITY.md ├── crowdin.yml ├── docker-compose.yml ├── eslint-local-rules.cjs ├── jest.config.cjs ├── lerna.json ├── package.json ├── packages/ │ ├── README.md │ ├── api-generator/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── src/ │ │ │ ├── helpers/ │ │ │ │ ├── sass.ts │ │ │ │ └── text.ts │ │ │ ├── index.ts │ │ │ ├── locale/ │ │ │ │ └── en/ │ │ │ │ ├── $vuetify.json │ │ │ │ ├── DataIterator-items.json │ │ │ │ ├── DataTable-expand.json │ │ │ │ ├── DataTable-group.json │ │ │ │ ├── DataTable-header.json │ │ │ │ ├── DataTable-items.json │ │ │ │ ├── DataTable-paginate.json │ │ │ │ ├── DataTable-select.json │ │ │ │ ├── DataTable-sort.json │ │ │ │ ├── DataTable.json │ │ │ │ ├── Select.json │ │ │ │ ├── SelectionControlGroup.json │ │ │ │ ├── Slider.json │ │ │ │ ├── Stepper.json │ │ │ │ ├── StepperItem.json │ │ │ │ ├── VAlert.json │ │ │ │ ├── VApp.json │ │ │ │ ├── VAppBar.json │ │ │ │ ├── VAutocomplete.json │ │ │ │ ├── VAvatar.json │ │ │ │ ├── VAvatarGroup.json │ │ │ │ ├── VBadge.json │ │ │ │ ├── VBanner.json │ │ │ │ ├── VBottomNavigation.json │ │ │ │ ├── VBottomSheet.json │ │ │ │ ├── VBreadcrumbs.json │ │ │ │ ├── VBreadcrumbsDivider.json │ │ │ │ ├── VBtn.json │ │ │ │ ├── VBtnGroup.json │ │ │ │ ├── VBtnToggle.json │ │ │ │ ├── VCalendar.json │ │ │ │ ├── VCard.json │ │ │ │ ├── VCarousel.json │ │ │ │ ├── VCheckbox.json │ │ │ │ ├── VCheckboxBtn.json │ │ │ │ ├── VChip.json │ │ │ │ ├── VChipGroup.json │ │ │ │ ├── VCol.json │ │ │ │ ├── VColorInput.json │ │ │ │ ├── VColorPicker.json │ │ │ │ ├── VCombobox.json │ │ │ │ ├── VCommandPalette.json │ │ │ │ ├── VCommandPaletteItem.json │ │ │ │ ├── VConfirmEdit.json │ │ │ │ ├── VContainer.json │ │ │ │ ├── VCounter.json │ │ │ │ ├── VDataIterator.json │ │ │ │ ├── VDataTable.json │ │ │ │ ├── VDataTableFooter.json │ │ │ │ ├── VDataTableHeaders.json │ │ │ │ ├── VDataTableRow.json │ │ │ │ ├── VDataTableRows.json │ │ │ │ ├── VDataTableServer.json │ │ │ │ ├── VDataTableVirtual.json │ │ │ │ ├── VDateInput.json │ │ │ │ ├── VDatePicker.json │ │ │ │ ├── VDatePickerControls.json │ │ │ │ ├── VDatePickerHeader.json │ │ │ │ ├── VDatePickerMonth.json │ │ │ │ ├── VDatePickerMonths.json │ │ │ │ ├── VDatePickerYears.json │ │ │ │ ├── VDefaultsProvider.json │ │ │ │ ├── VDialog.json │ │ │ │ ├── VDialogTransition.json │ │ │ │ ├── VDivider.json │ │ │ │ ├── VEmptyState.json │ │ │ │ ├── VExpansionPanel.json │ │ │ │ ├── VExpansionPanelTitle.json │ │ │ │ ├── VExpansionPanels.json │ │ │ │ ├── VFab.json │ │ │ │ ├── VField.json │ │ │ │ ├── VFieldLabel.json │ │ │ │ ├── VFileInput.json │ │ │ │ ├── VFileUpload.json │ │ │ │ ├── VFileUploadDropzone.json │ │ │ │ ├── VFileUploadItem.json │ │ │ │ ├── VFileUploadList.json │ │ │ │ ├── VFooter.json │ │ │ │ ├── VForm.json │ │ │ │ ├── VHotkey.json │ │ │ │ ├── VHover.json │ │ │ │ ├── VIconBtn.json │ │ │ │ ├── VImg.json │ │ │ │ ├── VInfiniteScroll.json │ │ │ │ ├── VInput.json │ │ │ │ ├── VItemGroup.json │ │ │ │ ├── VLayout.json │ │ │ │ ├── VLayoutItem.json │ │ │ │ ├── VLazy.json │ │ │ │ ├── VList.json │ │ │ │ ├── VListGroup.json │ │ │ │ ├── VListItem.json │ │ │ │ ├── VListSubheader.json │ │ │ │ ├── VLocaleProvider.json │ │ │ │ ├── VMain.json │ │ │ │ ├── VMenu.json │ │ │ │ ├── VMessages.json │ │ │ │ ├── VNavigationDrawer.json │ │ │ │ ├── VNumberInput.json │ │ │ │ ├── VOtpInput.json │ │ │ │ ├── VOverflowBtn.json │ │ │ │ ├── VOverlay-activator.json │ │ │ │ ├── VOverlay-location-strategies.json │ │ │ │ ├── VOverlay-scroll-strategies.json │ │ │ │ ├── VOverlay.json │ │ │ │ ├── VPagination.json │ │ │ │ ├── VParallax.json │ │ │ │ ├── VPicker.json │ │ │ │ ├── VPie.json │ │ │ │ ├── VPieSegment.json │ │ │ │ ├── VPieTooltip.json │ │ │ │ ├── VProgress.json │ │ │ │ ├── VProgressCircular.json │ │ │ │ ├── VProgressLinear.json │ │ │ │ ├── VPullToRefresh.json │ │ │ │ ├── VRadio.json │ │ │ │ ├── VRadioGroup.json │ │ │ │ ├── VRangeSlider.json │ │ │ │ ├── VRating.json │ │ │ │ ├── VResponsive.json │ │ │ │ ├── VRow.json │ │ │ │ ├── VSelect.json │ │ │ │ ├── VSelectionControl.json │ │ │ │ ├── VSheet.json │ │ │ │ ├── VSkeletonLoader.json │ │ │ │ ├── VSlideGroup.json │ │ │ │ ├── VSlider.json │ │ │ │ ├── VSnackbar.json │ │ │ │ ├── VSnackbarQueue.json │ │ │ │ ├── VSparkline.json │ │ │ │ ├── VSpeedDial.json │ │ │ │ ├── VStepper.json │ │ │ │ ├── VStepperActions.json │ │ │ │ ├── VStepperHeader.json │ │ │ │ ├── VStepperItem.json │ │ │ │ ├── VStepperVertical.json │ │ │ │ ├── VStepperVerticalItem.json │ │ │ │ ├── VStepperWindow.json │ │ │ │ ├── VStepperWindowItem.json │ │ │ │ ├── VSwitch.json │ │ │ │ ├── VSystemBar.json │ │ │ │ ├── VTab.json │ │ │ │ ├── VTable.json │ │ │ │ ├── VTabs.json │ │ │ │ ├── VTextField.json │ │ │ │ ├── VTextarea.json │ │ │ │ ├── VThemeProvider.json │ │ │ │ ├── VTimePicker.json │ │ │ │ ├── VTimePickerClock.json │ │ │ │ ├── VTimePickerControls.json │ │ │ │ ├── VTimeline.json │ │ │ │ ├── VTimelineItem.json │ │ │ │ ├── VToolbar.json │ │ │ │ ├── VTooltip.json │ │ │ │ ├── VTreeview.json │ │ │ │ ├── VTreeviewGroup.json │ │ │ │ ├── VTreeviewItem.json │ │ │ │ ├── VVideo.json │ │ │ │ ├── VVideoControls.json │ │ │ │ ├── VVideoVolume.json │ │ │ │ ├── VVirtualScroll.json │ │ │ │ ├── VWindow.json │ │ │ │ ├── VWindowItem.json │ │ │ │ ├── autocomplete.json │ │ │ │ ├── border.json │ │ │ │ ├── calendar.json │ │ │ │ ├── delay.json │ │ │ │ ├── dimension.json │ │ │ │ ├── display.json │ │ │ │ ├── elevation.json │ │ │ │ ├── filter.json │ │ │ │ ├── focus.json │ │ │ │ ├── form.json │ │ │ │ ├── generic.json │ │ │ │ ├── group-item.json │ │ │ │ ├── group.json │ │ │ │ ├── layout-item.json │ │ │ │ ├── layout.json │ │ │ │ ├── list-items.json │ │ │ │ ├── loader.json │ │ │ │ ├── location.json │ │ │ │ ├── mask.json │ │ │ │ ├── nested.json │ │ │ │ ├── position.json │ │ │ │ ├── rounded.json │ │ │ │ ├── router.json │ │ │ │ ├── size.json │ │ │ │ ├── tag.json │ │ │ │ ├── theme.json │ │ │ │ ├── time-validation.json │ │ │ │ ├── transition.json │ │ │ │ ├── useDate.json │ │ │ │ ├── useDisplay.json │ │ │ │ ├── useGoTo.json │ │ │ │ ├── useHotkey.json │ │ │ │ ├── useLayout.json │ │ │ │ ├── useLocale.json │ │ │ │ ├── useMask.json │ │ │ │ ├── useRtl.json │ │ │ │ ├── useTheme.json │ │ │ │ ├── v-click-outside.json │ │ │ │ ├── v-intersect.json │ │ │ │ ├── v-mutate.json │ │ │ │ ├── v-resize.json │ │ │ │ ├── v-ripple.json │ │ │ │ ├── v-scroll.json │ │ │ │ ├── v-tooltip.json │ │ │ │ ├── v-touch.json │ │ │ │ ├── validation.json │ │ │ │ └── virtual.json │ │ │ ├── shims.d.ts │ │ │ ├── types.ts │ │ │ ├── utils.ts │ │ │ ├── vetur.ts │ │ │ ├── web-types.ts │ │ │ └── worker.ts │ │ ├── templates/ │ │ │ ├── component.d.ts │ │ │ ├── composables.d.ts │ │ │ └── directives.d.ts │ │ └── tsconfig.json │ ├── docs/ │ │ ├── .browserslistrc │ │ ├── .eslintignore │ │ ├── .eslintrc.cjs │ │ ├── .gitignore │ │ ├── .markdownlintrc │ │ ├── auto-imports.d.ts │ │ ├── build/ │ │ │ ├── Caddyfile │ │ │ ├── api-plugin.ts │ │ │ ├── examples-plugin.ts │ │ │ ├── markdown-it.ts │ │ │ ├── markdownBuilders.ts │ │ │ ├── mdi-js.ts │ │ │ └── sitemap.js │ │ ├── components.d.ts │ │ ├── index.html │ │ ├── jest-runner-eslint.config.cjs │ │ ├── jest.config.cjs │ │ ├── package.json │ │ ├── public/ │ │ │ ├── ads.txt │ │ │ ├── llms.txt │ │ │ ├── robots.txt │ │ │ └── search.xml │ │ ├── src/ │ │ │ ├── App.vue │ │ │ ├── components/ │ │ │ │ ├── Alert.vue │ │ │ │ ├── Backmatter.vue │ │ │ │ ├── PageFeatures.vue │ │ │ │ ├── about/ │ │ │ │ │ ├── TeamMember.vue │ │ │ │ │ └── TeamMembers.vue │ │ │ │ ├── api/ │ │ │ │ │ ├── ApiTable.vue │ │ │ │ │ ├── Backlinks.vue │ │ │ │ │ ├── DirectiveTable.vue │ │ │ │ │ ├── EventsTable.vue │ │ │ │ │ ├── ExposedTable.vue │ │ │ │ │ ├── Inline.vue │ │ │ │ │ ├── Links.vue │ │ │ │ │ ├── NameCell.vue │ │ │ │ │ ├── PrismCell.vue │ │ │ │ │ ├── PropsTable.vue │ │ │ │ │ ├── SassTable.vue │ │ │ │ │ ├── Search.vue │ │ │ │ │ ├── Section.vue │ │ │ │ │ ├── SlotsTable.vue │ │ │ │ │ ├── View.vue │ │ │ │ │ └── utils.ts │ │ │ │ ├── app/ │ │ │ │ │ ├── BackToTop.vue │ │ │ │ │ ├── Btn.vue │ │ │ │ │ ├── Caption.vue │ │ │ │ │ ├── CommitBtn.vue │ │ │ │ │ ├── Divider.vue │ │ │ │ │ ├── Figure.vue │ │ │ │ │ ├── Heading.vue │ │ │ │ │ ├── Headline.vue │ │ │ │ │ ├── Link.vue │ │ │ │ │ ├── Markdown.vue │ │ │ │ │ ├── Markup.vue │ │ │ │ │ ├── Sheet.vue │ │ │ │ │ ├── Table.vue │ │ │ │ │ ├── TextField.vue │ │ │ │ │ ├── Title.vue │ │ │ │ │ ├── Toc.vue │ │ │ │ │ ├── TooltipBtn.vue │ │ │ │ │ ├── V2Banner.vue │ │ │ │ │ ├── VersionBtn.vue │ │ │ │ │ ├── VerticalDivider.vue │ │ │ │ │ ├── bar/ │ │ │ │ │ │ ├── Bar.vue │ │ │ │ │ │ ├── BlogLink.vue │ │ │ │ │ │ ├── EcosystemMenu.vue │ │ │ │ │ │ ├── EnterpriseLink.vue │ │ │ │ │ │ ├── GitHubLink.vue │ │ │ │ │ │ ├── JobsLink.vue │ │ │ │ │ │ ├── LanguageMenu.vue │ │ │ │ │ │ ├── LearnMenu.vue │ │ │ │ │ │ ├── Logo.vue │ │ │ │ │ │ ├── NotificationsMenu.vue │ │ │ │ │ │ ├── OneLink.vue │ │ │ │ │ │ ├── PlaygroundLink.vue │ │ │ │ │ │ ├── SettingsToggle.vue │ │ │ │ │ │ ├── SponsorLink.vue │ │ │ │ │ │ ├── StoreLink.vue │ │ │ │ │ │ ├── SupportLink.vue │ │ │ │ │ │ ├── SupportMenu.vue │ │ │ │ │ │ ├── TeamLink.vue │ │ │ │ │ │ └── ThemeToggle.vue │ │ │ │ │ ├── drawer/ │ │ │ │ │ │ ├── Append.vue │ │ │ │ │ │ ├── Drawer.vue │ │ │ │ │ │ ├── DrawerToggleRail.vue │ │ │ │ │ │ └── PinnedItems.vue │ │ │ │ │ ├── list/ │ │ │ │ │ │ ├── LinkListItem.vue │ │ │ │ │ │ └── List.vue │ │ │ │ │ ├── menu/ │ │ │ │ │ │ └── Menu.vue │ │ │ │ │ ├── search/ │ │ │ │ │ │ ├── Search.vue │ │ │ │ │ │ ├── SearchDialog.vue │ │ │ │ │ │ ├── SearchGroup.vue │ │ │ │ │ │ └── SearchResults.vue │ │ │ │ │ └── settings/ │ │ │ │ │ ├── Append.vue │ │ │ │ │ ├── DeveloperMode.vue │ │ │ │ │ ├── DocumentationBuild.vue │ │ │ │ │ ├── Drawer.vue │ │ │ │ │ ├── LatestCommit.vue │ │ │ │ │ ├── LatestRelease.vue │ │ │ │ │ ├── Options.vue │ │ │ │ │ ├── SettingsHeader.vue │ │ │ │ │ └── options/ │ │ │ │ │ ├── AdOption.vue │ │ │ │ │ ├── ApiOption.vue │ │ │ │ │ ├── CodeOption.vue │ │ │ │ │ ├── OfflineOption.vue │ │ │ │ │ ├── PinOption.vue │ │ │ │ │ ├── RailDrawerOption.vue │ │ │ │ │ ├── SlashSearchOption.vue │ │ │ │ │ └── ThemeOption.vue │ │ │ │ ├── components/ │ │ │ │ │ └── ListItem.vue │ │ │ │ ├── dashboard/ │ │ │ │ │ └── DashboardEmptyState.vue │ │ │ │ ├── doc/ │ │ │ │ │ ├── Explorer.vue │ │ │ │ │ ├── IconList.vue │ │ │ │ │ ├── IconTable.vue │ │ │ │ │ ├── Introduced.vue │ │ │ │ │ ├── MadeWithVueAttribution.vue │ │ │ │ │ ├── MadeWithVuetifyGallery.vue │ │ │ │ │ ├── MadeWithVuetifyLink.vue │ │ │ │ │ ├── ReadyForMore.vue │ │ │ │ │ ├── RelatedPage.vue │ │ │ │ │ ├── RelatedPages.vue │ │ │ │ │ ├── Releases.vue │ │ │ │ │ ├── Tabs.vue │ │ │ │ │ ├── ThemeCard.vue │ │ │ │ │ ├── ThemeVendor.vue │ │ │ │ │ ├── TypographyPreview.vue │ │ │ │ │ ├── UpNext.vue │ │ │ │ │ └── VueJobs.vue │ │ │ │ ├── examples/ │ │ │ │ │ ├── Example.vue │ │ │ │ │ ├── ExampleMissing.vue │ │ │ │ │ ├── Usage.vue │ │ │ │ │ ├── UsageExample.vue │ │ │ │ │ └── VueFile.vue │ │ │ │ ├── features/ │ │ │ │ │ ├── BreakpointsTable.vue │ │ │ │ │ ├── ColorPalette.vue │ │ │ │ │ └── SassApi.vue │ │ │ │ ├── getting-started/ │ │ │ │ │ └── WireframeExamples.vue │ │ │ │ ├── home/ │ │ │ │ │ ├── Blogs.vue │ │ │ │ │ ├── Common/ │ │ │ │ │ │ ├── Card.vue │ │ │ │ │ │ ├── Gradient.vue │ │ │ │ │ │ ├── Marquee.vue │ │ │ │ │ │ └── Title.vue │ │ │ │ │ ├── Discord.vue │ │ │ │ │ ├── Ecosystem.vue │ │ │ │ │ ├── Entry.vue │ │ │ │ │ ├── Footer.vue │ │ │ │ │ ├── Gallery/ │ │ │ │ │ │ ├── Analytics.vue │ │ │ │ │ │ ├── Chat/ │ │ │ │ │ │ │ ├── Chat.vue │ │ │ │ │ │ │ ├── Detail.vue │ │ │ │ │ │ │ └── List.vue │ │ │ │ │ │ ├── Components.vue │ │ │ │ │ │ ├── Dashboard.vue │ │ │ │ │ │ ├── Login.vue │ │ │ │ │ │ └── Settings.vue │ │ │ │ │ ├── Logo.vue │ │ │ │ │ ├── Snips.vue │ │ │ │ │ ├── SnipsExample.vue │ │ │ │ │ ├── SpecialSponsor.vue │ │ │ │ │ ├── Sponsors.vue │ │ │ │ │ ├── Store.vue │ │ │ │ │ ├── Support.vue │ │ │ │ │ ├── Tooling.vue │ │ │ │ │ └── VuetifyOne.vue │ │ │ │ ├── icons/ │ │ │ │ │ └── ChevronDown.vue │ │ │ │ ├── introduction/ │ │ │ │ │ ├── Comparison.vue │ │ │ │ │ ├── ConsultingServices.vue │ │ │ │ │ ├── DirectSupport.vue │ │ │ │ │ ├── DiscordDeck.vue │ │ │ │ │ ├── EnterpriseDeck.vue │ │ │ │ │ ├── EnterpriseForm.vue │ │ │ │ │ └── SlaDeck.vue │ │ │ │ ├── one/ │ │ │ │ │ ├── FAQ.vue │ │ │ │ │ ├── Hero.vue │ │ │ │ │ ├── Properties.vue │ │ │ │ │ ├── Roadmap.vue │ │ │ │ │ └── SubscribeCard.vue │ │ │ │ ├── promoted/ │ │ │ │ │ ├── Base.vue │ │ │ │ │ ├── Carbon.vue │ │ │ │ │ ├── Discovery.vue │ │ │ │ │ ├── Entry.vue │ │ │ │ │ ├── Inline.vue │ │ │ │ │ ├── Promoted.vue │ │ │ │ │ ├── Random.vue │ │ │ │ │ ├── Script.vue │ │ │ │ │ └── Vuetify.vue │ │ │ │ ├── promotions/ │ │ │ │ │ └── PromotionCard.vue │ │ │ │ ├── resources/ │ │ │ │ │ ├── ColorPalette.vue │ │ │ │ │ └── Logos.vue │ │ │ │ ├── sponsor/ │ │ │ │ │ ├── Card.vue │ │ │ │ │ ├── Link.vue │ │ │ │ │ ├── SnackbarPopup.vue │ │ │ │ │ └── Sponsors.vue │ │ │ │ └── user/ │ │ │ │ ├── OneSubCard.vue │ │ │ │ ├── UserTabs.vue │ │ │ │ └── badges/ │ │ │ │ ├── UserAdminBadge.vue │ │ │ │ ├── UserOneBadge.vue │ │ │ │ └── UserSponsorBadge.vue │ │ │ ├── composables/ │ │ │ │ ├── ad.ts │ │ │ │ ├── bin.ts │ │ │ │ ├── cosmic.ts │ │ │ │ ├── frontmatter.ts │ │ │ │ ├── markdown.ts │ │ │ │ └── playground.ts │ │ │ ├── data/ │ │ │ │ ├── 301.json │ │ │ │ ├── metadata.json │ │ │ │ ├── nav.json │ │ │ │ ├── new-in.json │ │ │ │ ├── page-to-api.json │ │ │ │ └── team.json │ │ │ ├── examples/ │ │ │ │ ├── accessibility/ │ │ │ │ │ ├── list-item-group.vue │ │ │ │ │ ├── menu.vue │ │ │ │ │ └── select-list-item.vue │ │ │ │ ├── application/ │ │ │ │ │ ├── app-bar-drawer.vue │ │ │ │ │ ├── drawer-app-bar.vue │ │ │ │ │ └── theme.vue │ │ │ │ ├── application-layout/ │ │ │ │ │ ├── app-bar-first.vue │ │ │ │ │ ├── discord.vue │ │ │ │ │ ├── dynamic.vue │ │ │ │ │ ├── layout-information-composable.vue │ │ │ │ │ ├── layout-information-ref.vue │ │ │ │ │ ├── location.vue │ │ │ │ │ └── nav-drawer-first.vue │ │ │ │ ├── blueprints/ │ │ │ │ │ ├── md1.vue │ │ │ │ │ ├── md2.vue │ │ │ │ │ └── md3.vue │ │ │ │ ├── border/ │ │ │ │ │ ├── all.vue │ │ │ │ │ ├── card.vue │ │ │ │ │ ├── colors.vue │ │ │ │ │ ├── sides.vue │ │ │ │ │ └── styles.vue │ │ │ │ ├── border-radius/ │ │ │ │ │ ├── misc-components.vue │ │ │ │ │ ├── misc-pill-and-circle.vue │ │ │ │ │ ├── misc-removing-border-radius.vue │ │ │ │ │ ├── misc-rounded-corners.vue │ │ │ │ │ ├── misc-rounding-by-corner.vue │ │ │ │ │ └── misc-rounding-by-side.vue │ │ │ │ ├── color/ │ │ │ │ │ ├── classes.vue │ │ │ │ │ └── text-classes.vue │ │ │ │ ├── concepts/ │ │ │ │ │ ├── density-and-size.vue │ │ │ │ │ ├── density.vue │ │ │ │ │ └── size.vue │ │ │ │ ├── cursor/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── display/ │ │ │ │ │ ├── display-block.vue │ │ │ │ │ ├── display-inline.vue │ │ │ │ │ ├── hidden-elements.vue │ │ │ │ │ ├── print.vue │ │ │ │ │ └── visibility.vue │ │ │ │ ├── elevation/ │ │ │ │ │ ├── prop-dynamic.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── flex/ │ │ │ │ │ ├── flex-align-content.vue │ │ │ │ │ ├── flex-align-self.vue │ │ │ │ │ ├── flex-align.vue │ │ │ │ │ ├── flex-column.vue │ │ │ │ │ ├── flex-direction.vue │ │ │ │ │ ├── flex-flex.vue │ │ │ │ │ ├── flex-justify.vue │ │ │ │ │ ├── flex-nowrap.vue │ │ │ │ │ ├── flex-order.vue │ │ │ │ │ ├── flex-wrap-reverse.vue │ │ │ │ │ ├── flex-wrap.vue │ │ │ │ │ ├── flexbox-inline.vue │ │ │ │ │ ├── flexbox.vue │ │ │ │ │ ├── grow-shrink.vue │ │ │ │ │ ├── margins-align-items.vue │ │ │ │ │ └── margins.vue │ │ │ │ ├── float/ │ │ │ │ │ ├── classes.vue │ │ │ │ │ └── responsive.vue │ │ │ │ ├── grid/ │ │ │ │ │ ├── misc-column-wrapping.vue │ │ │ │ │ ├── misc-equal-width-columns.vue │ │ │ │ │ ├── misc-grow-and-shrink.vue │ │ │ │ │ ├── misc-margin-helpers.vue │ │ │ │ │ ├── misc-nested-grid.vue │ │ │ │ │ ├── misc-one-column-width.vue │ │ │ │ │ ├── misc-row-and-column-breakpoints.vue │ │ │ │ │ ├── misc-size-overrides.vue │ │ │ │ │ ├── misc-spacer.vue │ │ │ │ │ ├── misc-unique-layouts.vue │ │ │ │ │ ├── misc-variable-content.vue │ │ │ │ │ ├── prop-align.vue │ │ │ │ │ ├── prop-breakpoint-sizing.vue │ │ │ │ │ ├── prop-density-compact.vue │ │ │ │ │ ├── prop-justify.vue │ │ │ │ │ ├── prop-offset-breakpoint.vue │ │ │ │ │ ├── prop-offset.vue │ │ │ │ │ ├── prop-order-first-and-last.vue │ │ │ │ │ ├── prop-order.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── hotkey/ │ │ │ │ │ ├── basic.vue │ │ │ │ │ ├── options.vue │ │ │ │ │ ├── platform.vue │ │ │ │ │ ├── reactive.vue │ │ │ │ │ ├── sequences.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── opacity/ │ │ │ │ │ ├── misc-hover.vue │ │ │ │ │ └── misc-opacity.vue │ │ │ │ ├── overflow/ │ │ │ │ │ ├── overflow-x.vue │ │ │ │ │ └── overflow.vue │ │ │ │ ├── position/ │ │ │ │ │ ├── absolute.vue │ │ │ │ │ ├── fixed.vue │ │ │ │ │ ├── relative.vue │ │ │ │ │ ├── static.vue │ │ │ │ │ └── sticky.vue │ │ │ │ ├── scroll/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── sizing/ │ │ │ │ │ ├── height.vue │ │ │ │ │ └── width.vue │ │ │ │ ├── spacing/ │ │ │ │ │ ├── breakpoints.vue │ │ │ │ │ ├── gap.vue │ │ │ │ │ ├── horizontal.vue │ │ │ │ │ ├── negative-margin.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── text-and-typography/ │ │ │ │ │ ├── font-emphasis.vue │ │ │ │ │ ├── text-alignment-responsive.vue │ │ │ │ │ ├── text-alignment.vue │ │ │ │ │ ├── text-break.vue │ │ │ │ │ ├── text-decoration.vue │ │ │ │ │ ├── text-no-wrap.vue │ │ │ │ │ ├── text-opacity.vue │ │ │ │ │ ├── text-rtl.vue │ │ │ │ │ ├── text-transform.vue │ │ │ │ │ ├── text-truncate.vue │ │ │ │ │ ├── typography-breakpoints.vue │ │ │ │ │ └── typography.vue │ │ │ │ ├── transitions/ │ │ │ │ │ ├── create-css-transition-component.vue │ │ │ │ │ ├── create-css-transition-prop.vue │ │ │ │ │ ├── misc-expand-x-padding.vue │ │ │ │ │ ├── misc-expand-x.vue │ │ │ │ │ ├── misc-fab.vue │ │ │ │ │ ├── misc-fade.vue │ │ │ │ │ ├── misc-scale.vue │ │ │ │ │ ├── misc-scroll-x.vue │ │ │ │ │ ├── misc-scroll-y.vue │ │ │ │ │ ├── misc-slide-x.vue │ │ │ │ │ ├── misc-slide-y.vue │ │ │ │ │ ├── misc-todo.vue │ │ │ │ │ ├── prop-custom-origin.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-alert/ │ │ │ │ │ ├── prop-border-color.vue │ │ │ │ │ ├── prop-border.vue │ │ │ │ │ ├── prop-closable.vue │ │ │ │ │ ├── prop-content.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-icon.vue │ │ │ │ │ ├── prop-outlined.vue │ │ │ │ │ ├── prop-prominent.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-type.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-app-bar/ │ │ │ │ │ ├── misc-app-bar-nav.vue │ │ │ │ │ ├── misc-menu.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-image.vue │ │ │ │ │ ├── prop-prominent.vue │ │ │ │ │ ├── prop-scroll-behavior.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-autocomplete/ │ │ │ │ │ ├── misc-asynchronous-items.vue │ │ │ │ │ ├── misc-new-tab.vue │ │ │ │ │ ├── misc-state-selector.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-filter-keys.vue │ │ │ │ │ ├── prop-filter.vue │ │ │ │ │ ├── prop-items.vue │ │ │ │ │ ├── slot-item-and-selection.vue │ │ │ │ │ ├── slot-item-and-vbind-props.vue │ │ │ │ │ ├── slot-menu-footer.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-avatar/ │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── misc-avatar-menu.vue │ │ │ │ │ ├── misc-profile-card.vue │ │ │ │ │ ├── prop-badge.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ ├── prop-tile.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-avatar-group/ │ │ │ │ │ ├── misc-hoverable.vue │ │ │ │ │ ├── prop-items.vue │ │ │ │ │ ├── prop-reverse.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ ├── slot-overflow.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-badge/ │ │ │ │ │ ├── misc-customization.vue │ │ │ │ │ ├── misc-dynamic.vue │ │ │ │ │ ├── misc-hover.vue │ │ │ │ │ ├── misc-tabs.vue │ │ │ │ │ ├── prop-content.vue │ │ │ │ │ ├── prop-dot.vue │ │ │ │ │ ├── prop-inline.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-banner/ │ │ │ │ │ ├── prop-lines.vue │ │ │ │ │ ├── prop-sticky.vue │ │ │ │ │ ├── slot-actions.vue │ │ │ │ │ ├── slot-icon.vue │ │ │ │ │ ├── slot-prepend.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-bottom-navigation/ │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-grow.vue │ │ │ │ │ ├── prop-hide-on-scroll.vue │ │ │ │ │ ├── prop-horizontal.vue │ │ │ │ │ ├── prop-scroll-threshold.vue │ │ │ │ │ ├── prop-shift.vue │ │ │ │ │ ├── prop-toggle.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-bottom-sheet/ │ │ │ │ │ ├── misc-open-in-list.vue │ │ │ │ │ ├── misc-player.vue │ │ │ │ │ ├── prop-inset.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-breadcrumbs/ │ │ │ │ │ ├── prop-divider.vue │ │ │ │ │ ├── slot-icon-dividers.vue │ │ │ │ │ ├── slot-prepend.vue │ │ │ │ │ ├── slot-title.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-btn/ │ │ │ │ │ ├── defaults-banner-actions.vue │ │ │ │ │ ├── defaults-bottom-navigation.vue │ │ │ │ │ ├── defaults-btn-group.vue │ │ │ │ │ ├── defaults-card-actions.vue │ │ │ │ │ ├── defaults-snackbar.vue │ │ │ │ │ ├── defaults-toolbar.vue │ │ │ │ │ ├── misc-cookie-settings.vue │ │ │ │ │ ├── misc-dialog-action.vue │ │ │ │ │ ├── misc-discord-event.vue │ │ │ │ │ ├── misc-group-survey.vue │ │ │ │ │ ├── misc-raised.vue │ │ │ │ │ ├── misc-readonly.vue │ │ │ │ │ ├── misc-tax-form.vue │ │ │ │ │ ├── misc-toolbar.vue │ │ │ │ │ ├── prop-block.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-flat.vue │ │ │ │ │ ├── prop-floating.vue │ │ │ │ │ ├── prop-icon.vue │ │ │ │ │ ├── prop-loaders.vue │ │ │ │ │ ├── prop-outlined.vue │ │ │ │ │ ├── prop-plain.vue │ │ │ │ │ ├── prop-ripple.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ ├── prop-spaced.vue │ │ │ │ │ ├── prop-tile.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ ├── slot-loader.vue │ │ │ │ │ ├── slot-prepend-append.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-btn-toggle/ │ │ │ │ │ ├── misc-toolbar.vue │ │ │ │ │ ├── misc-wysiwyg.vue │ │ │ │ │ ├── prop-divided.vue │ │ │ │ │ ├── prop-mandatory.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-calendar/ │ │ │ │ │ ├── event-click.vue │ │ │ │ │ ├── misc-drag-and-drop.vue │ │ │ │ │ ├── prop-type-category.vue │ │ │ │ │ ├── prop-type-day.vue │ │ │ │ │ ├── prop-type-week.vue │ │ │ │ │ ├── slot-day-body.vue │ │ │ │ │ ├── slot-day.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-card/ │ │ │ │ │ ├── basics-combine.vue │ │ │ │ │ ├── basics-content.vue │ │ │ │ │ ├── misc-card-reveal.vue │ │ │ │ │ ├── misc-content-wrapping.vue │ │ │ │ │ ├── misc-custom-actions.vue │ │ │ │ │ ├── misc-earnings-goal.vue │ │ │ │ │ ├── misc-grids.vue │ │ │ │ │ ├── misc-horizontal-cards.vue │ │ │ │ │ ├── misc-information-card.vue │ │ │ │ │ ├── misc-intermediate.vue │ │ │ │ │ ├── misc-media-with-text.vue │ │ │ │ │ ├── misc-shopify-funding.vue │ │ │ │ │ ├── misc-twitter-card.vue │ │ │ │ │ ├── misc-weather-card.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-elevated.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-hover.vue │ │ │ │ │ ├── prop-href.vue │ │ │ │ │ ├── prop-image.vue │ │ │ │ │ ├── prop-link.vue │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-outlined.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ ├── slot-prepend-append.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-carousel/ │ │ │ │ │ ├── misc-vertical.vue │ │ │ │ │ ├── prop-custom-icons.vue │ │ │ │ │ ├── prop-custom-transition.vue │ │ │ │ │ ├── prop-cycle.vue │ │ │ │ │ ├── prop-hide-controls.vue │ │ │ │ │ ├── prop-hide-delimiters.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-progress.vue │ │ │ │ │ ├── slots-next-prev.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-checkbox/ │ │ │ │ │ ├── misc-inline-textfield.vue │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-model-as-array.vue │ │ │ │ │ ├── prop-model-as-boolean.vue │ │ │ │ │ ├── prop-states.vue │ │ │ │ │ ├── slot-label.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-chip/ │ │ │ │ │ ├── event-action-chips.vue │ │ │ │ │ ├── misc-custom-list.vue │ │ │ │ │ ├── misc-expandable.vue │ │ │ │ │ ├── misc-filtering.vue │ │ │ │ │ ├── misc-in-selects.vue │ │ │ │ │ ├── prop-closable.vue │ │ │ │ │ ├── prop-colored.vue │ │ │ │ │ ├── prop-draggable.vue │ │ │ │ │ ├── prop-filter.vue │ │ │ │ │ ├── prop-label.vue │ │ │ │ │ ├── prop-no-ripple.vue │ │ │ │ │ ├── prop-outlined.vue │ │ │ │ │ ├── prop-sizes.vue │ │ │ │ │ ├── slot-icon.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-chip-group/ │ │ │ │ │ ├── misc-product-card.vue │ │ │ │ │ ├── misc-reddit-categories.vue │ │ │ │ │ ├── misc-toothbrush-card.vue │ │ │ │ │ ├── prop-column.vue │ │ │ │ │ ├── prop-filter.vue │ │ │ │ │ ├── prop-mandatory.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-click-outside/ │ │ │ │ │ ├── option-close-on-outside-click.vue │ │ │ │ │ ├── option-include.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-color-input/ │ │ │ │ │ ├── prop-color-pip.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-pip-location.vue │ │ │ │ │ ├── prop-pip-variant.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-color-picker/ │ │ │ │ │ ├── prop-canvas.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-mode.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-swatches.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-combobox/ │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-placeholder.vue │ │ │ │ │ ├── slot-custom-chip.vue │ │ │ │ │ ├── slot-menu-header.vue │ │ │ │ │ ├── slot-no-data.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-command-palette/ │ │ │ │ │ ├── prop-close-on-select.vue │ │ │ │ │ ├── prop-hotkey.vue │ │ │ │ │ ├── prop-items.vue │ │ │ │ │ ├── slot-item-append.vue │ │ │ │ │ ├── slot-item-prepend.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-confirm-edit/ │ │ │ │ │ ├── misc-date-picker.vue │ │ │ │ │ ├── misc-disable-actions.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-data-iterator/ │ │ │ │ │ ├── misc-filter.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ ├── slot-header-and-footer.vue │ │ │ │ │ ├── slot-loader.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-data-table/ │ │ │ │ │ ├── headers-multiple.vue │ │ │ │ │ ├── misc-crud.vue │ │ │ │ │ ├── misc-edit-dialog.vue │ │ │ │ │ ├── misc-expand.vue │ │ │ │ │ ├── misc-external-paginate.vue │ │ │ │ │ ├── misc-external-sort.vue │ │ │ │ │ ├── misc-select-all.vue │ │ │ │ │ ├── misc-server-side-paginate-and-sort.vue │ │ │ │ │ ├── prop-custom-filter.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-filter-keys.vue │ │ │ │ │ ├── prop-footer-props.vue │ │ │ │ │ ├── prop-grouping.vue │ │ │ │ │ ├── prop-headers-sort-raw.vue │ │ │ │ │ ├── prop-hide-header-footer.vue │ │ │ │ │ ├── prop-item-selectable.vue │ │ │ │ │ ├── prop-item-value.vue │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-multi-sort.vue │ │ │ │ │ ├── prop-return-object.vue │ │ │ │ │ ├── prop-row-selection.vue │ │ │ │ │ ├── prop-search.vue │ │ │ │ │ ├── prop-select-strategy.vue │ │ │ │ │ ├── prop-sort-by.vue │ │ │ │ │ ├── prop-sort-icon.vue │ │ │ │ │ ├── server-search.vue │ │ │ │ │ ├── server.vue │ │ │ │ │ ├── slot-group-header.vue │ │ │ │ │ ├── slot-group-summary.vue │ │ │ │ │ ├── slot-header.vue │ │ │ │ │ ├── slot-headers.vue │ │ │ │ │ ├── slot-item-data-table-select.vue │ │ │ │ │ ├── slot-item-key.vue │ │ │ │ │ ├── slot-item.vue │ │ │ │ │ ├── slot-loading.vue │ │ │ │ │ ├── slot-main.vue │ │ │ │ │ ├── slot-simple-checkbox.vue │ │ │ │ │ ├── usage.vue │ │ │ │ │ ├── virtual-custom.vue │ │ │ │ │ ├── virtual.vue │ │ │ │ │ └── virtualized.vue │ │ │ │ ├── v-date-input/ │ │ │ │ │ ├── misc-passenger.vue │ │ │ │ │ ├── prop-input-format.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-multiple-range.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-prepend-icon.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-date-picker/ │ │ │ │ │ ├── event-button-events.vue │ │ │ │ │ ├── guide-locale.vue │ │ │ │ │ ├── misc-birthday.vue │ │ │ │ │ ├── misc-dialog-and-menu.vue │ │ │ │ │ ├── misc-formatting-external-libraries.vue │ │ │ │ │ ├── misc-formatting.vue │ │ │ │ │ ├── misc-internationalization.vue │ │ │ │ │ ├── misc-orientation.vue │ │ │ │ │ ├── prop-allowed-dates.vue │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-events.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-landscape.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-range.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-show-adjacent-months.vue │ │ │ │ │ ├── prop-show-current.vue │ │ │ │ │ ├── prop-width.vue │ │ │ │ │ ├── slots-controls.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-date-picker-month/ │ │ │ │ │ ├── misc-dialog-and-menu.vue │ │ │ │ │ ├── misc-internationalization.vue │ │ │ │ │ ├── misc-orientation.vue │ │ │ │ │ ├── prop-allowed-months.vue │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-show-current.vue │ │ │ │ │ ├── prop-width.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-defaults-provider/ │ │ │ │ │ ├── prop-defaults.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-dialog/ │ │ │ │ │ ├── misc-data-table.vue │ │ │ │ │ ├── misc-form.vue │ │ │ │ │ ├── misc-invite-dialog.vue │ │ │ │ │ ├── misc-loader.vue │ │ │ │ │ ├── misc-nesting.vue │ │ │ │ │ ├── misc-overflowed.vue │ │ │ │ │ ├── misc-without-activator.vue │ │ │ │ │ ├── prop-activator.vue │ │ │ │ │ ├── prop-fullscreen.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-persistent.vue │ │ │ │ │ ├── prop-scrollable.vue │ │ │ │ │ ├── prop-transitions.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-divider/ │ │ │ │ │ ├── misc-portrait-view.vue │ │ │ │ │ ├── misc-subheaders.vue │ │ │ │ │ ├── prop-gradient.vue │ │ │ │ │ ├── prop-inset.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-empty-state/ │ │ │ │ │ ├── misc-astro-cat.vue │ │ │ │ │ ├── misc-astro-dog.vue │ │ │ │ │ ├── prop-actions.vue │ │ │ │ │ ├── prop-content.vue │ │ │ │ │ ├── prop-media.vue │ │ │ │ │ ├── slot-actions.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ ├── slot-title.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-expansion-panels/ │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── misc-custom-icons.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-model.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-fab/ │ │ │ │ │ ├── misc-display-animation.vue │ │ │ │ │ ├── misc-lateral-screens.vue │ │ │ │ │ ├── misc-small.vue │ │ │ │ │ ├── misc-speed-dial.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-file-input/ │ │ │ │ │ ├── misc-complex-selection.vue │ │ │ │ │ ├── prop-accept.vue │ │ │ │ │ ├── prop-chips.vue │ │ │ │ │ ├── prop-counter.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-prepend-icon.vue │ │ │ │ │ ├── prop-show-size.vue │ │ │ │ │ ├── prop-validation.vue │ │ │ │ │ ├── slot-selection.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-file-upload/ │ │ │ │ │ ├── misc-list.vue │ │ │ │ │ ├── prop-content.vue │ │ │ │ │ ├── prop-inset-file-list.vue │ │ │ │ │ ├── prop-scrim.vue │ │ │ │ │ ├── slot-item.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-footer/ │ │ │ │ │ ├── misc-company-footer.vue │ │ │ │ │ ├── misc-indigo-footer.vue │ │ │ │ │ ├── misc-teal-footer.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-form/ │ │ │ │ │ ├── misc-exposed.vue │ │ │ │ │ ├── misc-vee-validate.vue │ │ │ │ │ ├── misc-vuelidate.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-fast-fail.vue │ │ │ │ │ ├── rules-async.vue │ │ │ │ │ ├── rules-required.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-hotkey/ │ │ │ │ │ ├── prop-display-mode.vue │ │ │ │ │ ├── prop-inline.vue │ │ │ │ │ ├── prop-key-map.vue │ │ │ │ │ ├── prop-keys.vue │ │ │ │ │ ├── prop-platform-aware.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-hover/ │ │ │ │ │ ├── misc-hover-list.vue │ │ │ │ │ ├── misc-transition.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-open-and-close-delay.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-icon/ │ │ │ │ │ ├── event-click.vue │ │ │ │ │ ├── misc-buttons.vue │ │ │ │ │ ├── misc-font-awesome.vue │ │ │ │ │ ├── misc-md.vue │ │ │ │ │ ├── misc-mdi-svg.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-icon-btn/ │ │ │ │ │ ├── misc-dialog.vue │ │ │ │ │ ├── misc-markdown-editor.vue │ │ │ │ │ ├── misc-table-actions.vue │ │ │ │ │ ├── misc-video-controls.vue │ │ │ │ │ ├── prop-active.vue │ │ │ │ │ ├── prop-opacity.vue │ │ │ │ │ ├── prop-rotate.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-img/ │ │ │ │ │ ├── complex-grid.vue │ │ │ │ │ ├── misc-grid.vue │ │ │ │ │ ├── prop-contain.vue │ │ │ │ │ ├── prop-cover.vue │ │ │ │ │ ├── prop-gradient.vue │ │ │ │ │ ├── prop-image-class.vue │ │ │ │ │ ├── prop-max-height.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── slot-error.vue │ │ │ │ │ ├── slot-placeholder.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-infinite-scroll/ │ │ │ │ │ ├── misc-reset.vue │ │ │ │ │ ├── misc-virtual.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-direction.vue │ │ │ │ │ ├── prop-mode.vue │ │ │ │ │ ├── prop-side-both.vue │ │ │ │ │ ├── prop-side-start.vue │ │ │ │ │ ├── slot-empty.vue │ │ │ │ │ ├── slot-error.vue │ │ │ │ │ ├── slot-load-more.vue │ │ │ │ │ ├── slot-loading.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-input/ │ │ │ │ │ ├── event-slot-clicks.vue │ │ │ │ │ ├── prop-error-count.vue │ │ │ │ │ ├── prop-error.vue │ │ │ │ │ ├── prop-hide-details.vue │ │ │ │ │ ├── prop-hint.vue │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-rules.vue │ │ │ │ │ ├── slot-append-and-prepend.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-intersect/ │ │ │ │ │ ├── prop-options.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-item-group/ │ │ │ │ │ ├── misc-selection.vue │ │ │ │ │ ├── prop-mandatory.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-selected-class.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-lazy/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-list/ │ │ │ │ │ ├── misc-action-stack.vue │ │ │ │ │ ├── misc-actions.vue │ │ │ │ │ ├── misc-card-list.vue │ │ │ │ │ ├── misc-simple-avatar-list.vue │ │ │ │ │ ├── misc-single-line-list.vue │ │ │ │ │ ├── misc-subheadings-and-dividers.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-items-custom.vue │ │ │ │ │ ├── prop-items-prop.vue │ │ │ │ │ ├── prop-items-type.vue │ │ │ │ │ ├── prop-items.vue │ │ │ │ │ ├── prop-nav.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-shaped.vue │ │ │ │ │ ├── prop-sub-group.vue │ │ │ │ │ ├── prop-three-line.vue │ │ │ │ │ ├── prop-two-line-and-subheader.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ ├── slot-expansion-lists.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-mask-input/ │ │ │ │ │ ├── credit-card-form.vue │ │ │ │ │ ├── custom-mask.vue │ │ │ │ │ ├── custom-token.vue │ │ │ │ │ ├── ip-address.vue │ │ │ │ │ ├── phone.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-menu/ │ │ │ │ │ ├── misc-popover.vue │ │ │ │ │ ├── misc-transition.vue │ │ │ │ │ ├── misc-use-in-components.vue │ │ │ │ │ ├── prop-absolute-without-activator.vue │ │ │ │ │ ├── prop-absolute.vue │ │ │ │ │ ├── prop-close-on-click.vue │ │ │ │ │ ├── prop-close-on-content-click.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-location.vue │ │ │ │ │ ├── prop-open-on-hover.vue │ │ │ │ │ ├── prop-positioningmenu.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-submenu.vue │ │ │ │ │ ├── slot-activator-and-tooltip.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-mutate/ │ │ │ │ │ ├── option-modifiers.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-navigation-drawer/ │ │ │ │ │ ├── misc-colored.vue │ │ │ │ │ ├── misc-combined.vue │ │ │ │ │ ├── prop-bottom-drawer.vue │ │ │ │ │ ├── prop-expand-on-hover.vue │ │ │ │ │ ├── prop-images.vue │ │ │ │ │ ├── prop-permanent-and-floating.vue │ │ │ │ │ ├── prop-rail-variant.vue │ │ │ │ │ ├── prop-right.vue │ │ │ │ │ ├── prop-temporary.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-number-input/ │ │ │ │ │ ├── prop-control-variant.vue │ │ │ │ │ ├── prop-hide-input.vue │ │ │ │ │ ├── prop-inset.vue │ │ │ │ │ ├── prop-min-max.vue │ │ │ │ │ ├── prop-precision.vue │ │ │ │ │ ├── prop-reverse.vue │ │ │ │ │ ├── prop-step.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-otp-input/ │ │ │ │ │ ├── misc-card.vue │ │ │ │ │ ├── misc-divider.vue │ │ │ │ │ ├── misc-mobile.vue │ │ │ │ │ ├── misc-verify.vue │ │ │ │ │ ├── prop-error.vue │ │ │ │ │ ├── prop-focus-all.vue │ │ │ │ │ ├── prop-length.vue │ │ │ │ │ ├── prop-loader.vue │ │ │ │ │ ├── prop-masked.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-overflow-btn/ │ │ │ │ │ ├── prop-counter.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-editable.vue │ │ │ │ │ ├── prop-filled.vue │ │ │ │ │ ├── prop-hint.vue │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-menu-props.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-segmented.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-overlay/ │ │ │ │ │ ├── connected-playground.vue │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── misc-loader.vue │ │ │ │ │ ├── prop-contained.vue │ │ │ │ │ ├── scroll-block.vue │ │ │ │ │ ├── scroll-close.vue │ │ │ │ │ ├── scroll-none.vue │ │ │ │ │ ├── scroll-reposition.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-pagination/ │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-length.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-total-visible.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-parallax/ │ │ │ │ │ ├── misc-content.vue │ │ │ │ │ ├── misc-custom-height.vue │ │ │ │ │ ├── misc-welcome.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-pie/ │ │ │ │ │ ├── misc-custom-legend.vue │ │ │ │ │ ├── misc-patterns.vue │ │ │ │ │ ├── prop-formats.vue │ │ │ │ │ ├── prop-legend.vue │ │ │ │ │ ├── prop-palette.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-progress/ │ │ │ │ │ ├── misc-card-loader.vue │ │ │ │ │ ├── prop-label.vue │ │ │ │ │ ├── prop-value-format.vue │ │ │ │ │ ├── slot-label-and-value.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-progress-circular/ │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-indeterminate.vue │ │ │ │ │ ├── prop-reveal.vue │ │ │ │ │ ├── prop-rotate.vue │ │ │ │ │ ├── prop-size-and-width.vue │ │ │ │ │ ├── prop-slot-default.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-progress-linear/ │ │ │ │ │ ├── misc-buffer-color.vue │ │ │ │ │ ├── misc-determinate.vue │ │ │ │ │ ├── misc-file-loader.vue │ │ │ │ │ ├── misc-toolbar-loader.vue │ │ │ │ │ ├── prop-buffer-value.vue │ │ │ │ │ ├── prop-chunks.vue │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-indeterminate.vue │ │ │ │ │ ├── prop-query.vue │ │ │ │ │ ├── prop-reverse.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-stream.vue │ │ │ │ │ ├── prop-striped.vue │ │ │ │ │ ├── slot-default.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-pull-to-refresh/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-radio-group/ │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-direction.vue │ │ │ │ │ ├── prop-model-group.vue │ │ │ │ │ ├── prop-model-radio.vue │ │ │ │ │ ├── slot-label.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-range-slider/ │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-min-and-max.vue │ │ │ │ │ ├── prop-step.vue │ │ │ │ │ ├── prop-strict.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ ├── slot-thumb-label.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-rating/ │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── misc-card-overview.vue │ │ │ │ │ ├── misc-card.vue │ │ │ │ │ ├── prop-clearable.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-half-increments.vue │ │ │ │ │ ├── prop-hover.vue │ │ │ │ │ ├── prop-icon-label.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-item-labels.vue │ │ │ │ │ ├── prop-length.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ ├── slot-item-label.vue │ │ │ │ │ ├── slot-item.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-resize/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-responsive/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-ripple/ │ │ │ │ │ ├── misc-custom-color.vue │ │ │ │ │ ├── misc-ripple-in-components.vue │ │ │ │ │ ├── option-center.vue │ │ │ │ │ ├── stop.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-scroll/ │ │ │ │ │ ├── option-self.vue │ │ │ │ │ ├── option-target.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-select/ │ │ │ │ │ ├── prop-avoid-duplicate-text.vue │ │ │ │ │ ├── prop-chips.vue │ │ │ │ │ ├── prop-custom-title-and-value.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-item-props.vue │ │ │ │ │ ├── prop-list-props.vue │ │ │ │ │ ├── prop-menu-props.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── slot-append-and-prepend-item.vue │ │ │ │ │ ├── slot-item.vue │ │ │ │ │ ├── slot-menu-header-and-footer.vue │ │ │ │ │ ├── slot-selection.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-sheet/ │ │ │ │ │ ├── misc-congratulations.vue │ │ │ │ │ ├── misc-privacy-policy.vue │ │ │ │ │ ├── misc-reconcile.vue │ │ │ │ │ ├── misc-referral-program.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-skeleton-loader/ │ │ │ │ │ ├── misc-ice-cream.vue │ │ │ │ │ ├── prop-boilerplate.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-type.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-slide-group/ │ │ │ │ │ ├── misc-pseudo-carousel.vue │ │ │ │ │ ├── prop-active-class.vue │ │ │ │ │ ├── prop-center-active.vue │ │ │ │ │ ├── prop-custom-icons.vue │ │ │ │ │ ├── prop-mandatory.vue │ │ │ │ │ ├── prop-multiple.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-slider/ │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-min-and-max.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-step.vue │ │ │ │ │ ├── prop-thumb.vue │ │ │ │ │ ├── prop-ticks.vue │ │ │ │ │ ├── prop-validation.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ ├── slot-append-and-prepend.vue │ │ │ │ │ ├── slot-append-text-field.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-snackbar/ │ │ │ │ │ ├── prop-loading.vue │ │ │ │ │ ├── prop-prepend-avatar.vue │ │ │ │ │ ├── prop-prepend-icon.vue │ │ │ │ │ ├── prop-timeout.vue │ │ │ │ │ ├── prop-timer-position.vue │ │ │ │ │ ├── prop-variants.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ ├── slot-header.vue │ │ │ │ │ ├── slot-prepend.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-snackbar-queue/ │ │ │ │ │ ├── misc-promise.vue │ │ │ │ │ ├── prop-total-visible.vue │ │ │ │ │ ├── prop-transition.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-sparkline/ │ │ │ │ │ ├── misc-custom-labels.vue │ │ │ │ │ ├── misc-dashboard-card.vue │ │ │ │ │ ├── misc-heart-rate.vue │ │ │ │ │ ├── prop-fill.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-speed-dial/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-stepper/ │ │ │ │ │ ├── misc-alternate-error.vue │ │ │ │ │ ├── misc-dynamic.vue │ │ │ │ │ ├── misc-editable.vue │ │ │ │ │ ├── misc-error.vue │ │ │ │ │ ├── misc-horizontal.vue │ │ │ │ │ ├── misc-linear.vue │ │ │ │ │ ├── misc-non-editable.vue │ │ │ │ │ ├── misc-optional.vue │ │ │ │ │ ├── misc-vertical-error.vue │ │ │ │ │ ├── prop-alternate-label.vue │ │ │ │ │ ├── prop-mobile.vue │ │ │ │ │ ├── prop-non-linear.vue │ │ │ │ │ ├── prop-vertical.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-stepper-vertical/ │ │ │ │ │ ├── prop-non-linear.vue │ │ │ │ │ ├── slot-actions.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-switch/ │ │ │ │ │ ├── prop-colors.vue │ │ │ │ │ ├── prop-custom-values.vue │ │ │ │ │ ├── prop-flat.vue │ │ │ │ │ ├── prop-inset.vue │ │ │ │ │ ├── prop-model-as-array.vue │ │ │ │ │ ├── prop-states.vue │ │ │ │ │ ├── slot-label.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-system-bar/ │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-window.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-table/ │ │ │ │ │ ├── prop-dark.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-fixed-header.vue │ │ │ │ │ ├── prop-height.vue │ │ │ │ │ ├── prop-striped.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-tabs/ │ │ │ │ │ ├── misc-content.vue │ │ │ │ │ ├── misc-dynamic-height.vue │ │ │ │ │ ├── misc-dynamic.vue │ │ │ │ │ ├── misc-mobile.vue │ │ │ │ │ ├── misc-overflow-to-menu.vue │ │ │ │ │ ├── misc-pagination.vue │ │ │ │ │ ├── misc-tab-items.vue │ │ │ │ │ ├── prop-align-tabs-center.vue │ │ │ │ │ ├── prop-align-tabs-end.vue │ │ │ │ │ ├── prop-align-tabs-title.vue │ │ │ │ │ ├── prop-center-active.vue │ │ │ │ │ ├── prop-direction.vue │ │ │ │ │ ├── prop-fixed-tabs.vue │ │ │ │ │ ├── prop-grow.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-slider-transition.vue │ │ │ │ │ ├── prop-spaced.vue │ │ │ │ │ ├── prop-stacked.vue │ │ │ │ │ ├── slot-tabs.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-text-field/ │ │ │ │ │ ├── event-icons.vue │ │ │ │ │ ├── misc-custom-validation.vue │ │ │ │ │ ├── misc-full-width-with-counter.vue │ │ │ │ │ ├── misc-guide.vue │ │ │ │ │ ├── misc-login-form.vue │ │ │ │ │ ├── misc-password.vue │ │ │ │ │ ├── prop-clearable.vue │ │ │ │ │ ├── prop-contained.vue │ │ │ │ │ ├── prop-counter.vue │ │ │ │ │ ├── prop-custom-colors.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-disabled-and-readonly.vue │ │ │ │ │ ├── prop-filled.vue │ │ │ │ │ ├── prop-focused.vue │ │ │ │ │ ├── prop-hide-details.vue │ │ │ │ │ ├── prop-hint.vue │ │ │ │ │ ├── prop-icon.vue │ │ │ │ │ ├── prop-label.vue │ │ │ │ │ ├── prop-messages.vue │ │ │ │ │ ├── prop-outlined.vue │ │ │ │ │ ├── prop-placeholder.vue │ │ │ │ │ ├── prop-prefixes-and-suffixes.vue │ │ │ │ │ ├── prop-rules.vue │ │ │ │ │ ├── prop-single-line.vue │ │ │ │ │ ├── prop-validation.vue │ │ │ │ │ ├── prop-variant.vue │ │ │ │ │ ├── slot-icons.vue │ │ │ │ │ ├── slot-label.vue │ │ │ │ │ ├── slot-progress.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-textarea/ │ │ │ │ │ ├── misc-signup-form.vue │ │ │ │ │ ├── prop-auto-grow.vue │ │ │ │ │ ├── prop-background-color.vue │ │ │ │ │ ├── prop-browser-autocomplete.vue │ │ │ │ │ ├── prop-clearable.vue │ │ │ │ │ ├── prop-counter.vue │ │ │ │ │ ├── prop-icons.vue │ │ │ │ │ ├── prop-no-resize.vue │ │ │ │ │ ├── prop-rows.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-theme-provider/ │ │ │ │ │ └── prop-with-background.vue │ │ │ │ ├── v-time-picker/ │ │ │ │ │ ├── misc-dialog-and-menu.vue │ │ │ │ │ ├── prop-allowed-times.vue │ │ │ │ │ ├── prop-ampm-in-title.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-disabled.vue │ │ │ │ │ ├── prop-elevation.vue │ │ │ │ │ ├── prop-format.vue │ │ │ │ │ ├── prop-hide-header.vue │ │ │ │ │ ├── prop-range.vue │ │ │ │ │ ├── prop-readonly.vue │ │ │ │ │ ├── prop-scrollable.vue │ │ │ │ │ ├── prop-use-seconds.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-timeline/ │ │ │ │ │ ├── misc-advanced.vue │ │ │ │ │ ├── prop-align.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-direction.vue │ │ │ │ │ ├── prop-icon-dots.vue │ │ │ │ │ ├── prop-line-inset.vue │ │ │ │ │ ├── prop-mirror.vue │ │ │ │ │ ├── prop-single-side.vue │ │ │ │ │ ├── prop-size.vue │ │ │ │ │ ├── prop-truncate-line.vue │ │ │ │ │ ├── slot-icon.vue │ │ │ │ │ ├── slot-opposite.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-toolbar/ │ │ │ │ │ ├── misc-contextual-action-bar.vue │ │ │ │ │ ├── misc-flexible-and-card.vue │ │ │ │ │ ├── misc-tooltips-and-speed-dial.vue │ │ │ │ │ ├── prop-background.vue │ │ │ │ │ ├── prop-collapse.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-extended.vue │ │ │ │ │ ├── prop-extension-height.vue │ │ │ │ │ ├── prop-floating-with-search.vue │ │ │ │ │ ├── prop-location.vue │ │ │ │ │ ├── slot-extension.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-tooltip/ │ │ │ │ │ ├── misc-at-cursor.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-interactive.vue │ │ │ │ │ ├── prop-location.vue │ │ │ │ │ ├── prop-open-on-click.vue │ │ │ │ │ ├── prop-visibility.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-tooltip-directive/ │ │ │ │ │ ├── args.vue │ │ │ │ │ ├── object-literals.vue │ │ │ │ │ ├── text.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-touch/ │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-treeview/ │ │ │ │ │ ├── misc-indent-lines.vue │ │ │ │ │ ├── misc-search-and-filter.vue │ │ │ │ │ ├── misc-selectable-icons.vue │ │ │ │ │ ├── playground.vue │ │ │ │ │ ├── prop-activatable.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-dense.vue │ │ │ │ │ ├── prop-fluid.vue │ │ │ │ │ ├── prop-hoverable.vue │ │ │ │ │ ├── prop-item-props.vue │ │ │ │ │ ├── prop-items-registration.vue │ │ │ │ │ ├── prop-load-children.vue │ │ │ │ │ ├── prop-open-all.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-selected-color.vue │ │ │ │ │ ├── prop-selection-type.vue │ │ │ │ │ ├── slot-append-and-label.vue │ │ │ │ │ ├── slot-append-and-prepend-item.vue │ │ │ │ │ ├── slot-no-data.vue │ │ │ │ │ ├── slot-title.vue │ │ │ │ │ ├── slot-toggle.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-video/ │ │ │ │ │ ├── misc-in-card.vue │ │ │ │ │ ├── misc-mini.vue │ │ │ │ │ ├── misc-tube.vue │ │ │ │ │ ├── prop-color.vue │ │ │ │ │ ├── prop-density.vue │ │ │ │ │ ├── prop-image.vue │ │ │ │ │ ├── prop-rounded.vue │ │ │ │ │ ├── prop-start-at.vue │ │ │ │ │ ├── slot-append-and-prepend.vue │ │ │ │ │ ├── slot-controls.vue │ │ │ │ │ ├── slot-error.vue │ │ │ │ │ ├── slot-header.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-virtual-scroll/ │ │ │ │ │ ├── misc-user-directory.vue │ │ │ │ │ ├── prop-dynamic-item-height.vue │ │ │ │ │ ├── prop-height-parent.vue │ │ │ │ │ ├── prop-height.vue │ │ │ │ │ ├── prop-item-height.vue │ │ │ │ │ ├── prop-renderless.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── v-window/ │ │ │ │ │ ├── misc-account-creation.vue │ │ │ │ │ ├── misc-onboarding.vue │ │ │ │ │ ├── prop-direction.vue │ │ │ │ │ ├── prop-reverse.vue │ │ │ │ │ ├── prop-show-arrows.vue │ │ │ │ │ ├── slots-next-prev.vue │ │ │ │ │ └── usage.vue │ │ │ │ ├── why-vuetify/ │ │ │ │ │ ├── card-components.vue │ │ │ │ │ ├── card-props.vue │ │ │ │ │ └── card-slots.vue │ │ │ │ └── wireframes/ │ │ │ │ ├── baseline.vue │ │ │ │ ├── constrained.vue │ │ │ │ ├── discord.vue │ │ │ │ ├── extended-toolbar.vue │ │ │ │ ├── inbox.vue │ │ │ │ ├── side-navigation.vue │ │ │ │ ├── steam.vue │ │ │ │ ├── system-bar.vue │ │ │ │ └── three-column.vue │ │ │ ├── i18n/ │ │ │ │ ├── locales.json │ │ │ │ └── messages/ │ │ │ │ ├── .gitignore │ │ │ │ └── en.json │ │ │ ├── layouts/ │ │ │ │ ├── 404.vue │ │ │ │ ├── blank.vue │ │ │ │ ├── blog.vue │ │ │ │ ├── default.vue │ │ │ │ ├── home.vue │ │ │ │ ├── user.vue │ │ │ │ └── wireframe.vue │ │ │ ├── main.scss │ │ │ ├── main.ts │ │ │ ├── pages/ │ │ │ │ └── en/ │ │ │ │ ├── about/ │ │ │ │ │ ├── code-of-conduct.md │ │ │ │ │ ├── licensing.md │ │ │ │ │ ├── meet-the-team.md │ │ │ │ │ └── security-disclosure.md │ │ │ │ ├── api/ │ │ │ │ │ ├── [name].md │ │ │ │ │ └── use-hotkey.md │ │ │ │ ├── blog/ │ │ │ │ │ ├── announcing-vuetify-3.8.md │ │ │ │ │ ├── april-2025-update.md │ │ │ │ │ ├── august-2025-update.md │ │ │ │ │ ├── building-a-basic-nuxt-application-with-vuetify.md │ │ │ │ │ ├── building-with-nuxt-and-unocss.md │ │ │ │ │ ├── building-with-vite-and-tailwindcss.md │ │ │ │ │ ├── december-2025-update.md │ │ │ │ │ ├── february-2026-update.md │ │ │ │ │ ├── index.md │ │ │ │ │ ├── january-2026-update.md │ │ │ │ │ ├── july-2025-update.md │ │ │ │ │ ├── june-2025-update.md │ │ │ │ │ ├── may-2025-update.md │ │ │ │ │ ├── november-2025-update.md │ │ │ │ │ ├── october-2025-update.md │ │ │ │ │ ├── september-2025-update.md │ │ │ │ │ ├── state-of-the-union-2024-post-mortem.md │ │ │ │ │ ├── state-of-the-union-2024.md │ │ │ │ │ └── vuetify-herodevs-partnership.md │ │ │ │ ├── components/ │ │ │ │ │ ├── alerts.md │ │ │ │ │ ├── all.md │ │ │ │ │ ├── app-bars.md │ │ │ │ │ ├── application.md │ │ │ │ │ ├── aspect-ratios.md │ │ │ │ │ ├── autocompletes.md │ │ │ │ │ ├── avatar-groups.md │ │ │ │ │ ├── avatars.md │ │ │ │ │ ├── badges.md │ │ │ │ │ ├── banners.md │ │ │ │ │ ├── bottom-navigation.md │ │ │ │ │ ├── bottom-sheets.md │ │ │ │ │ ├── breadcrumbs.md │ │ │ │ │ ├── button-groups.md │ │ │ │ │ ├── buttons.md │ │ │ │ │ ├── calendars.md │ │ │ │ │ ├── cards.md │ │ │ │ │ ├── carousels.md │ │ │ │ │ ├── checkboxes.md │ │ │ │ │ ├── chip-groups.md │ │ │ │ │ ├── chips.md │ │ │ │ │ ├── color-inputs.md │ │ │ │ │ ├── color-pickers.md │ │ │ │ │ ├── combobox.md │ │ │ │ │ ├── command-palettes.md │ │ │ │ │ ├── confirm-edit.md │ │ │ │ │ ├── data-iterators.md │ │ │ │ │ ├── data-tables/ │ │ │ │ │ │ ├── basics.md │ │ │ │ │ │ ├── data-and-display.md │ │ │ │ │ │ ├── introduction.md │ │ │ │ │ │ ├── server-side-tables.md │ │ │ │ │ │ └── virtual-tables.md │ │ │ │ │ ├── date-inputs.md │ │ │ │ │ ├── date-pickers-month.md │ │ │ │ │ ├── date-pickers.md │ │ │ │ │ ├── defaults-providers.md │ │ │ │ │ ├── dialogs.md │ │ │ │ │ ├── dividers.md │ │ │ │ │ ├── empty-states.md │ │ │ │ │ ├── expansion-panels.md │ │ │ │ │ ├── explorer/ │ │ │ │ │ │ └── [...name].md │ │ │ │ │ ├── file-inputs.md │ │ │ │ │ ├── file-upload.md │ │ │ │ │ ├── floating-action-buttons.md │ │ │ │ │ ├── footers.md │ │ │ │ │ ├── forms.md │ │ │ │ │ ├── grids.md │ │ │ │ │ ├── hotkeys.md │ │ │ │ │ ├── hover.md │ │ │ │ │ ├── icon-buttons.md │ │ │ │ │ ├── icons.md │ │ │ │ │ ├── images.md │ │ │ │ │ ├── infinite-scroller.md │ │ │ │ │ ├── inputs.md │ │ │ │ │ ├── item-groups.md │ │ │ │ │ ├── lazy.md │ │ │ │ │ ├── lists.md │ │ │ │ │ ├── locale-providers.md │ │ │ │ │ ├── mask-inputs.md │ │ │ │ │ ├── menus.md │ │ │ │ │ ├── navigation-drawers.md │ │ │ │ │ ├── no-ssr.md │ │ │ │ │ ├── number-inputs.md │ │ │ │ │ ├── otp-input.md │ │ │ │ │ ├── overflow-btns.md │ │ │ │ │ ├── overlays.md │ │ │ │ │ ├── paginations.md │ │ │ │ │ ├── parallax.md │ │ │ │ │ ├── pie-charts.md │ │ │ │ │ ├── progress-circular.md │ │ │ │ │ ├── progress-linear.md │ │ │ │ │ ├── progress.md │ │ │ │ │ ├── pull-to-refresh.md │ │ │ │ │ ├── radio-buttons.md │ │ │ │ │ ├── range-sliders.md │ │ │ │ │ ├── ratings.md │ │ │ │ │ ├── selects.md │ │ │ │ │ ├── sheets.md │ │ │ │ │ ├── skeleton-loaders.md │ │ │ │ │ ├── slide-groups.md │ │ │ │ │ ├── sliders.md │ │ │ │ │ ├── snackbar-queue.md │ │ │ │ │ ├── snackbars.md │ │ │ │ │ ├── sparklines.md │ │ │ │ │ ├── speed-dials.md │ │ │ │ │ ├── steppers.md │ │ │ │ │ ├── switches.md │ │ │ │ │ ├── system-bars.md │ │ │ │ │ ├── tables.md │ │ │ │ │ ├── tabs.md │ │ │ │ │ ├── text-fields.md │ │ │ │ │ ├── textareas.md │ │ │ │ │ ├── theme-providers.md │ │ │ │ │ ├── time-pickers.md │ │ │ │ │ ├── timelines.md │ │ │ │ │ ├── toolbars.md │ │ │ │ │ ├── tooltips.md │ │ │ │ │ ├── treeview.md │ │ │ │ │ ├── vertical-steppers.md │ │ │ │ │ ├── videos.md │ │ │ │ │ ├── virtual-scroller.md │ │ │ │ │ └── windows.md │ │ │ │ ├── concepts/ │ │ │ │ │ ├── density-and-sizing.md │ │ │ │ │ ├── items.md │ │ │ │ │ ├── routing.md │ │ │ │ │ ├── v-model.md │ │ │ │ │ └── variants.md │ │ │ │ ├── directives/ │ │ │ │ │ ├── click-outside.md │ │ │ │ │ ├── intersect.md │ │ │ │ │ ├── mutate.md │ │ │ │ │ ├── resize.md │ │ │ │ │ ├── ripple.md │ │ │ │ │ ├── scroll.md │ │ │ │ │ ├── tooltip.md │ │ │ │ │ └── touch.md │ │ │ │ ├── features/ │ │ │ │ │ ├── accessibility.md │ │ │ │ │ ├── aliasing.md │ │ │ │ │ ├── application-layout.md │ │ │ │ │ ├── blueprints.md │ │ │ │ │ ├── css-utilities/ │ │ │ │ │ │ ├── overview.md │ │ │ │ │ │ ├── tailwindcss.md │ │ │ │ │ │ ├── unocss-tailwind-preset.md │ │ │ │ │ │ └── unocss-vuetify-preset.md │ │ │ │ │ ├── dates.md │ │ │ │ │ ├── display-and-platform.md │ │ │ │ │ ├── global-configuration.md │ │ │ │ │ ├── hotkey.md │ │ │ │ │ ├── icon-fonts.md │ │ │ │ │ ├── internationalization.md │ │ │ │ │ ├── rules.md │ │ │ │ │ ├── sass-variables.md │ │ │ │ │ ├── scrolling.md │ │ │ │ │ ├── theme.md │ │ │ │ │ └── treeshaking.md │ │ │ │ ├── getting-started/ │ │ │ │ │ ├── browser-support.md │ │ │ │ │ ├── contributing.md │ │ │ │ │ ├── elevation-migration.md │ │ │ │ │ ├── frequently-asked-questions.md │ │ │ │ │ ├── grid-legacy-mode.md │ │ │ │ │ ├── installation.md │ │ │ │ │ ├── release-notes.md │ │ │ │ │ ├── typography-migration.md │ │ │ │ │ ├── unit-testing.md │ │ │ │ │ ├── upgrade-guide.md │ │ │ │ │ └── wireframes.md │ │ │ │ ├── index.md │ │ │ │ ├── introduction/ │ │ │ │ │ ├── enterprise-support.md │ │ │ │ │ ├── long-term-support.md │ │ │ │ │ ├── roadmap.md │ │ │ │ │ ├── sponsors-and-backers.md │ │ │ │ │ └── why-vuetify.md │ │ │ │ ├── labs/ │ │ │ │ │ └── introduction.md │ │ │ │ ├── one.md │ │ │ │ ├── resources/ │ │ │ │ │ ├── brand-kit.md │ │ │ │ │ ├── jobs-for-vue.md │ │ │ │ │ ├── made-with-vuetify.md │ │ │ │ │ ├── search-engine.md │ │ │ │ │ ├── themes.md │ │ │ │ │ └── ui-kits.md │ │ │ │ ├── styles/ │ │ │ │ │ ├── border-radius.md │ │ │ │ │ ├── borders.md │ │ │ │ │ ├── colors.md │ │ │ │ │ ├── content.md │ │ │ │ │ ├── css-reset.md │ │ │ │ │ ├── cursor.md │ │ │ │ │ ├── display.md │ │ │ │ │ ├── elevation.md │ │ │ │ │ ├── entry-points.md │ │ │ │ │ ├── flex.md │ │ │ │ │ ├── float.md │ │ │ │ │ ├── layers.md │ │ │ │ │ ├── opacity.md │ │ │ │ │ ├── overflow.md │ │ │ │ │ ├── position.md │ │ │ │ │ ├── sizing.md │ │ │ │ │ ├── spacing.md │ │ │ │ │ ├── text-and-typography.md │ │ │ │ │ └── transitions.md │ │ │ │ ├── user/ │ │ │ │ │ └── dashboard.md │ │ │ │ └── wireframes/ │ │ │ │ ├── baseline.md │ │ │ │ ├── constrained.md │ │ │ │ ├── discord.md │ │ │ │ ├── extended-toolbar.md │ │ │ │ ├── inbox.md │ │ │ │ ├── side-navigation.md │ │ │ │ ├── steam.md │ │ │ │ ├── system-bar.md │ │ │ │ └── three-column.md │ │ │ ├── plugins/ │ │ │ │ ├── global-components.ts │ │ │ │ ├── i18n.ts │ │ │ │ ├── icons.ts │ │ │ │ ├── octokit.ts │ │ │ │ ├── one.ts │ │ │ │ ├── pinia.ts │ │ │ │ ├── pwa.ts │ │ │ │ └── vuetify.ts │ │ │ ├── service-worker.js │ │ │ ├── shims.d.ts │ │ │ ├── stores/ │ │ │ │ ├── ads.ts │ │ │ │ ├── app.ts │ │ │ │ ├── commits.ts │ │ │ │ ├── jobs.ts │ │ │ │ ├── locale.ts │ │ │ │ ├── made-with-vuetify.ts │ │ │ │ ├── pins.ts │ │ │ │ ├── promotions.ts │ │ │ │ ├── pwa.ts │ │ │ │ ├── releases.ts │ │ │ │ ├── shopify.ts │ │ │ │ ├── sponsors.ts │ │ │ │ ├── spot.ts │ │ │ │ └── team-members.ts │ │ │ ├── utils/ │ │ │ │ ├── analytics.ts │ │ │ │ ├── api.ts │ │ │ │ ├── globals.ts │ │ │ │ ├── helpers.ts │ │ │ │ ├── markdown-it-rules.ts │ │ │ │ ├── markdown-it.ts │ │ │ │ ├── metadata.ts │ │ │ │ ├── pwa.ts │ │ │ │ └── routes.ts │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.json │ │ └── vite.config.mts │ └── vuetify/ │ ├── .browserslistrc │ ├── .eslintignore │ ├── .eslintrc.cjs │ ├── .gitignore │ ├── LICENSE.md │ ├── README.md │ ├── _settings.scss │ ├── _styles.scss │ ├── _tools.scss │ ├── babel.config.js │ ├── build/ │ │ ├── babel-plugin-replace-import-extension.js │ │ ├── constants.js │ │ ├── rollup.config.js │ │ ├── rollup.types.config.js │ │ ├── run-tests.js │ │ ├── transform-types.js │ │ └── types-code-transform.js │ ├── dev/ │ │ ├── App.vue │ │ ├── Playground.template.vue │ │ ├── index.html │ │ ├── index.js │ │ ├── router.js │ │ ├── vuetify/ │ │ │ ├── date.js │ │ │ ├── defaults.js │ │ │ ├── icons.js │ │ │ └── locale.js │ │ └── vuetify.js │ ├── package.json │ ├── playgrounds/ │ │ ├── Playground.datatable.vue │ │ ├── Playground.infinite.vue │ │ ├── Playground.items.vue │ │ ├── Playground.list.vue │ │ ├── Playground.nested.vue │ │ └── Playground.slider.vue │ ├── src/ │ │ ├── __tests__/ │ │ │ └── framework.spec.browser.tsx │ │ ├── auto-imports.d.ts │ │ ├── blueprints/ │ │ │ ├── index.ts │ │ │ ├── md1.ts │ │ │ ├── md2.ts │ │ │ └── md3.ts │ │ ├── components/ │ │ │ ├── VAlert/ │ │ │ │ ├── VAlert.sass │ │ │ │ ├── VAlert.tsx │ │ │ │ ├── VAlertTitle.ts │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VAlert.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VApp/ │ │ │ │ ├── VApp.sass │ │ │ │ ├── VApp.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VAppBar/ │ │ │ │ ├── VAppBar.sass │ │ │ │ ├── VAppBar.tsx │ │ │ │ ├── VAppBarNavIcon.tsx │ │ │ │ ├── VAppBarTitle.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VAppBar.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VAutocomplete/ │ │ │ │ ├── VAutocomplete.sass │ │ │ │ ├── VAutocomplete.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VAutocomplete.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VAvatar/ │ │ │ │ ├── VAvatar.sass │ │ │ │ ├── VAvatar.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBadge/ │ │ │ │ ├── VBadge.sass │ │ │ │ ├── VBadge.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VBadge.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBanner/ │ │ │ │ ├── VBanner.sass │ │ │ │ ├── VBanner.tsx │ │ │ │ ├── VBannerActions.tsx │ │ │ │ ├── VBannerText.ts │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBottomNavigation/ │ │ │ │ ├── VBottomNavigation.sass │ │ │ │ ├── VBottomNavigation.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VBottomNavigation.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBottomSheet/ │ │ │ │ ├── VBottomSheet.sass │ │ │ │ ├── VBottomSheet.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VBottomSheet.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBreadcrumbs/ │ │ │ │ ├── VBreadcrumbs.sass │ │ │ │ ├── VBreadcrumbs.tsx │ │ │ │ ├── VBreadcrumbsDivider.tsx │ │ │ │ ├── VBreadcrumbsItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VBreadcrumbs.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBtn/ │ │ │ │ ├── VBtn.sass │ │ │ │ ├── VBtn.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VBtn.spec.browser.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBtnGroup/ │ │ │ │ ├── VBtnGroup.sass │ │ │ │ ├── VBtnGroup.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VBtnToggle/ │ │ │ │ ├── VBtnToggle.sass │ │ │ │ ├── VBtnToggle.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VCalendar/ │ │ │ │ ├── VCalendar.tsx │ │ │ │ ├── VCalendarCategory.sass │ │ │ │ ├── VCalendarCategory.tsx │ │ │ │ ├── VCalendarDaily.sass │ │ │ │ ├── VCalendarDaily.tsx │ │ │ │ ├── VCalendarWeekly.sass │ │ │ │ ├── VCalendarWeekly.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── composables/ │ │ │ │ │ ├── __tests__/ │ │ │ │ │ │ ├── __snapshots__/ │ │ │ │ │ │ │ ├── calendar-base.spec.ts.snap │ │ │ │ │ │ │ ├── calendar-with-events.spec.ts.snap │ │ │ │ │ │ │ ├── calendar-with-intervals.spec.ts.snap │ │ │ │ │ │ │ └── times.spec.ts.snap │ │ │ │ │ │ ├── calendar-base.spec.ts │ │ │ │ │ │ ├── calendar-with-events.spec.ts │ │ │ │ │ │ ├── calendar-with-intervals.spec.ts │ │ │ │ │ │ └── times.spec.ts │ │ │ │ │ ├── calendarBase.ts │ │ │ │ │ ├── calendarWithEvents.sass │ │ │ │ │ ├── calendarWithEvents.tsx │ │ │ │ │ ├── calendarWithIntervals.ts │ │ │ │ │ └── times.ts │ │ │ │ ├── index.ts │ │ │ │ ├── modes/ │ │ │ │ │ ├── __tests__/ │ │ │ │ │ │ ├── __snapshots__/ │ │ │ │ │ │ │ └── common.spec.ts.snap │ │ │ │ │ │ └── common.spec.ts │ │ │ │ │ ├── column.ts │ │ │ │ │ ├── common.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ └── stack.ts │ │ │ │ ├── types.ts │ │ │ │ └── util/ │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── __snapshots__/ │ │ │ │ │ │ ├── events.spec.ts.snap │ │ │ │ │ │ └── timestamp.spec.ts.snap │ │ │ │ │ ├── events.spec.ts │ │ │ │ │ └── timestamp.spec.ts │ │ │ │ ├── dateTimeUtils.ts │ │ │ │ ├── events.ts │ │ │ │ ├── parser.ts │ │ │ │ └── timestamp.ts │ │ │ ├── VCard/ │ │ │ │ ├── VCard.sass │ │ │ │ ├── VCard.tsx │ │ │ │ ├── VCardActions.tsx │ │ │ │ ├── VCardItem.tsx │ │ │ │ ├── VCardSubtitle.tsx │ │ │ │ ├── VCardText.tsx │ │ │ │ ├── VCardTitle.ts │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VCarousel/ │ │ │ │ ├── VCarousel.sass │ │ │ │ ├── VCarousel.tsx │ │ │ │ ├── VCarouselItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VCarousel.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VCheckbox/ │ │ │ │ ├── VCheckbox.sass │ │ │ │ ├── VCheckbox.tsx │ │ │ │ ├── VCheckboxBtn.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VCheckbox.spec.tsx │ │ │ │ │ └── VCheckboxBtn.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VChip/ │ │ │ │ ├── VChip.sass │ │ │ │ ├── VChip.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VChip.spec.browser.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VChipGroup/ │ │ │ │ ├── VChipGroup.sass │ │ │ │ ├── VChipGroup.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VCode/ │ │ │ │ ├── VCode.sass │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VColorPicker/ │ │ │ │ ├── VColorPicker.sass │ │ │ │ ├── VColorPicker.tsx │ │ │ │ ├── VColorPickerCanvas.sass │ │ │ │ ├── VColorPickerCanvas.tsx │ │ │ │ ├── VColorPickerEdit.sass │ │ │ │ ├── VColorPickerEdit.tsx │ │ │ │ ├── VColorPickerPreview.sass │ │ │ │ ├── VColorPickerPreview.tsx │ │ │ │ ├── VColorPickerSwatches.sass │ │ │ │ ├── VColorPickerSwatches.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VColorPicker.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── util/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── index.spec.ts │ │ │ │ └── index.ts │ │ │ ├── VCombobox/ │ │ │ │ ├── VCombobox.sass │ │ │ │ ├── VCombobox.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VCombobox-multiple.spec.ts │ │ │ │ │ ├── VCombobox.spec.browser.tsx │ │ │ │ │ └── VCombobox.spec.ts │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VConfirmEdit/ │ │ │ │ ├── VConfirmEdit.tsx │ │ │ │ ├── __test__/ │ │ │ │ │ └── VConfirmEdit.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VCounter/ │ │ │ │ ├── VCounter.sass │ │ │ │ ├── VCounter.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VDataIterator/ │ │ │ │ ├── VDataIterator.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VDataIterator.spec.browser.tsx │ │ │ │ ├── composables/ │ │ │ │ │ └── items.ts │ │ │ │ └── index.ts │ │ │ ├── VDataTable/ │ │ │ │ ├── VDataTable.sass │ │ │ │ ├── VDataTable.tsx │ │ │ │ ├── VDataTableColumn.tsx │ │ │ │ ├── VDataTableFooter.sass │ │ │ │ ├── VDataTableFooter.tsx │ │ │ │ ├── VDataTableGroupHeaderRow.tsx │ │ │ │ ├── VDataTableHeaders.tsx │ │ │ │ ├── VDataTableRow.tsx │ │ │ │ ├── VDataTableRows.tsx │ │ │ │ ├── VDataTableServer.tsx │ │ │ │ ├── VDataTableVirtual.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── MobileRow.spec.ts │ │ │ │ │ ├── Row.spec.ts │ │ │ │ │ ├── RowGroup.spec.ts │ │ │ │ │ ├── VDataTable.spec.cy.tsx │ │ │ │ │ ├── VDataTable.spec.ts │ │ │ │ │ ├── VDataTableHeader.spec.ts │ │ │ │ │ ├── VDataTableServer.spec.cy.tsx │ │ │ │ │ ├── VDataTableVirtual.spec.browser.tsx │ │ │ │ │ ├── VEditDialog.spec.ts │ │ │ │ │ ├── VSimpleTable.spec.ts │ │ │ │ │ ├── VVirtualTable.spec.ts │ │ │ │ │ ├── __snapshots__/ │ │ │ │ │ │ ├── MobileRow.spec.ts.snap │ │ │ │ │ │ ├── Row.spec.ts.snap │ │ │ │ │ │ ├── RowGroup.spec.ts.snap │ │ │ │ │ │ ├── VDataTable.spec.ts.snap │ │ │ │ │ │ ├── VDataTableHeader.spec.ts.snap │ │ │ │ │ │ ├── VEditDialog.spec.ts.snap │ │ │ │ │ │ ├── VSimpleTable.spec.ts.snap │ │ │ │ │ │ └── VVirtualTable.spec.ts.snap │ │ │ │ │ ├── headers.spec.ts │ │ │ │ │ └── sort.spec.ts │ │ │ │ ├── _variables.scss │ │ │ │ ├── composables/ │ │ │ │ │ ├── expand.ts │ │ │ │ │ ├── group.ts │ │ │ │ │ ├── headers.ts │ │ │ │ │ ├── items.ts │ │ │ │ │ ├── options.ts │ │ │ │ │ ├── paginate.ts │ │ │ │ │ ├── select.ts │ │ │ │ │ └── sort.ts │ │ │ │ ├── index.ts │ │ │ │ └── types.ts │ │ │ ├── VDatePicker/ │ │ │ │ ├── VDatePicker.sass │ │ │ │ ├── VDatePicker.tsx │ │ │ │ ├── VDatePickerControls.sass │ │ │ │ ├── VDatePickerControls.tsx │ │ │ │ ├── VDatePickerHeader.sass │ │ │ │ ├── VDatePickerHeader.tsx │ │ │ │ ├── VDatePickerMonth.sass │ │ │ │ ├── VDatePickerMonth.tsx │ │ │ │ ├── VDatePickerMonths.sass │ │ │ │ ├── VDatePickerMonths.tsx │ │ │ │ ├── VDatePickerYears.sass │ │ │ │ ├── VDatePickerYears.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VDatePicker.a11y.spec.tsx │ │ │ │ │ ├── VDatePicker.date.spec.ts │ │ │ │ │ ├── VDatePicker.events.spec.browser.tsx │ │ │ │ │ ├── VDatePicker.month.spec.ts │ │ │ │ │ ├── VDatePicker.spec.browser.tsx │ │ │ │ │ ├── VDatePickerHeader.spec.ts │ │ │ │ │ ├── VDatePickerTitle.spec.ts │ │ │ │ │ ├── VDatePickerYears.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ ├── VDatePicker.date.spec.ts.snap │ │ │ │ │ ├── VDatePicker.month.spec.ts.snap │ │ │ │ │ ├── VDatePickerHeader.spec.ts.snap │ │ │ │ │ └── VDatePickerYears.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VDefaultsProvider/ │ │ │ │ ├── VDefaultsProvider.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VDefaultsProvider.spec.tsx │ │ │ │ └── index.ts │ │ │ ├── VDialog/ │ │ │ │ ├── VDialog.sass │ │ │ │ ├── VDialog.tsx │ │ │ │ ├── __test__/ │ │ │ │ │ └── VDialog.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VDivider/ │ │ │ │ ├── VDivider.sass │ │ │ │ ├── VDivider.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VDivider.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VEmptyState/ │ │ │ │ ├── VEmptyState.sass │ │ │ │ ├── VEmptyState.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VExpansionPanel/ │ │ │ │ ├── VExpansionPanel.sass │ │ │ │ ├── VExpansionPanel.tsx │ │ │ │ ├── VExpansionPanelText.tsx │ │ │ │ ├── VExpansionPanelTitle.tsx │ │ │ │ ├── VExpansionPanels.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VExpansionPanels.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── shared.ts │ │ │ ├── VFab/ │ │ │ │ ├── VFab.sass │ │ │ │ ├── VFab.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VField/ │ │ │ │ ├── VField.sass │ │ │ │ ├── VField.tsx │ │ │ │ ├── VFieldLabel.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VFileInput/ │ │ │ │ ├── VFileInput.sass │ │ │ │ ├── VFileInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VFileInput.spec.browser.tsx │ │ │ │ │ ├── VFileInput.spec.tsx │ │ │ │ │ └── text.txt │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VFooter/ │ │ │ │ ├── VFooter.sass │ │ │ │ ├── VFooter.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VForm/ │ │ │ │ ├── VForm.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VForm.spec.cy.tsx │ │ │ │ └── index.ts │ │ │ ├── VGrid/ │ │ │ │ ├── VCol.ts │ │ │ │ ├── VContainer.sass │ │ │ │ ├── VContainer.tsx │ │ │ │ ├── VGrid.sass │ │ │ │ ├── VRow.ts │ │ │ │ ├── VSpacer.sass │ │ │ │ ├── VSpacer.ts │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VCol.spec.browser.tsx │ │ │ │ │ └── VCol.spec.ts │ │ │ │ ├── _mixins.sass │ │ │ │ └── index.ts │ │ │ ├── VHotkey/ │ │ │ │ ├── VHotkey.scss │ │ │ │ ├── VHotkey.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VHotkey.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VHover/ │ │ │ │ ├── VHover.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VHover.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VIcon/ │ │ │ │ ├── VIcon.sass │ │ │ │ ├── VIcon.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VIcon.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VImg/ │ │ │ │ ├── VImg.sass │ │ │ │ ├── VImg.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VInfiniteScroll/ │ │ │ │ ├── VInfiniteScroll.sass │ │ │ │ ├── VInfiniteScroll.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VInfiniteScroll.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VInput/ │ │ │ │ ├── InputIcon.tsx │ │ │ │ ├── VInput.sass │ │ │ │ ├── VInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VInput.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VItemGroup/ │ │ │ │ ├── VItem.tsx │ │ │ │ ├── VItemGroup.sass │ │ │ │ ├── VItemGroup.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VItemGroup.spec.browser.tsx │ │ │ │ │ ├── VItemGroup.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ └── VItemGroup.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VKbd/ │ │ │ │ ├── VKbd.scss │ │ │ │ ├── VKbd.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VLabel/ │ │ │ │ ├── VLabel.sass │ │ │ │ ├── VLabel.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VLayout/ │ │ │ │ ├── VLayout.sass │ │ │ │ ├── VLayout.tsx │ │ │ │ ├── VLayoutItem.sass │ │ │ │ ├── VLayoutItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VLayout.spec.cy.tsx │ │ │ │ └── index.ts │ │ │ ├── VLazy/ │ │ │ │ ├── VLazy.tsx │ │ │ │ └── index.ts │ │ │ ├── VList/ │ │ │ │ ├── VList.sass │ │ │ │ ├── VList.tsx │ │ │ │ ├── VListChildren.tsx │ │ │ │ ├── VListGroup.tsx │ │ │ │ ├── VListImg.ts │ │ │ │ ├── VListItem.sass │ │ │ │ ├── VListItem.tsx │ │ │ │ ├── VListItemAction.tsx │ │ │ │ ├── VListItemMedia.tsx │ │ │ │ ├── VListItemSubtitle.tsx │ │ │ │ ├── VListItemTitle.ts │ │ │ │ ├── VListSubheader.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VList.spec.browser.tsx │ │ │ │ │ ├── VList.spec.ts │ │ │ │ │ ├── VListGroup.spec.browser.tsx │ │ │ │ │ ├── VListItem.spec.cy.tsx │ │ │ │ │ ├── VListItemMedia.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ ├── VList.spec.ts.snap │ │ │ │ │ └── VListItemMedia.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── list.ts │ │ │ ├── VLocaleProvider/ │ │ │ │ ├── VLocaleProvider.sass │ │ │ │ ├── VLocaleProvider.tsx │ │ │ │ └── index.ts │ │ │ ├── VMain/ │ │ │ │ ├── VMain.sass │ │ │ │ ├── VMain.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VMenu/ │ │ │ │ ├── VMenu.sass │ │ │ │ ├── VMenu.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VMenu.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ └── VMenu.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── shared.ts │ │ │ ├── VMessages/ │ │ │ │ ├── VMessages.sass │ │ │ │ ├── VMessages.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VNavigationDrawer/ │ │ │ │ ├── VNavigationDrawer.sass │ │ │ │ ├── VNavigationDrawer.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VNavigationDrawer.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ ├── sticky.ts │ │ │ │ └── touch.ts │ │ │ ├── VNoSsr/ │ │ │ │ ├── VNoSsr.tsx │ │ │ │ └── index.ts │ │ │ ├── VNumberInput/ │ │ │ │ ├── VNumberInput.sass │ │ │ │ ├── VNumberInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VNumberInput.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── hold.ts │ │ │ │ └── index.ts │ │ │ ├── VOtpInput/ │ │ │ │ ├── VOtpInput.sass │ │ │ │ ├── VOtpInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VOtpInput.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VOverflowBtn/ │ │ │ │ ├── VOverflowBtn.sass │ │ │ │ ├── VOverflowBtn.ts │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VOverflowBtn.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ └── VOverflowBtn.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VOverlay/ │ │ │ │ ├── VOverlay.sass │ │ │ │ ├── VOverlay.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VOverlay.spec.cy.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ ├── locationStrategies.ts │ │ │ │ ├── requestNewFrame.ts │ │ │ │ ├── scrollStrategies.ts │ │ │ │ ├── useActivator.tsx │ │ │ │ └── util/ │ │ │ │ └── point.ts │ │ │ ├── VPagination/ │ │ │ │ ├── VPagination.sass │ │ │ │ ├── VPagination.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VPagination.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VParallax/ │ │ │ │ ├── VParallax.sass │ │ │ │ ├── VParallax.tsx │ │ │ │ └── index.ts │ │ │ ├── VProgressCircular/ │ │ │ │ ├── VProgressCircular.sass │ │ │ │ ├── VProgressCircular.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VProgressLinear/ │ │ │ │ ├── VProgressLinear.sass │ │ │ │ ├── VProgressLinear.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VProgressLinear.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── chunks.ts │ │ │ │ └── index.ts │ │ │ ├── VRadio/ │ │ │ │ ├── VRadio.tsx │ │ │ │ └── index.ts │ │ │ ├── VRadioGroup/ │ │ │ │ ├── VRadioGroup.sass │ │ │ │ ├── VRadioGroup.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VRangeSlider/ │ │ │ │ ├── VRangeSlider.tsx │ │ │ │ └── index.ts │ │ │ ├── VRating/ │ │ │ │ ├── VRating.sass │ │ │ │ ├── VRating.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VRating.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VResponsive/ │ │ │ │ ├── VResponsive.sass │ │ │ │ ├── VResponsive.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VResponsive.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ └── VResponsive.spec.ts.snap │ │ │ │ └── index.ts │ │ │ ├── VSelect/ │ │ │ │ ├── VSelect.sass │ │ │ │ ├── VSelect.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VSelect.spec.browser.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── useScrolling.ts │ │ │ ├── VSelectionControl/ │ │ │ │ ├── VSelectionControl.sass │ │ │ │ ├── VSelectionControl.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VSelectionControl.spec.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSelectionControlGroup/ │ │ │ │ ├── VSelectionControlGroup.sass │ │ │ │ ├── VSelectionControlGroup.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSheet/ │ │ │ │ ├── VSheet.sass │ │ │ │ ├── VSheet.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSkeletonLoader/ │ │ │ │ ├── VSkeletonLoader.sass │ │ │ │ ├── VSkeletonLoader.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSlideGroup/ │ │ │ │ ├── VSlideGroup.sass │ │ │ │ ├── VSlideGroup.tsx │ │ │ │ ├── VSlideGroupItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VSlideGroup.spec.cy.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── helpers.ts │ │ │ │ └── index.ts │ │ │ ├── VSlider/ │ │ │ │ ├── VSlider.sass │ │ │ │ ├── VSlider.tsx │ │ │ │ ├── VSliderThumb.sass │ │ │ │ ├── VSliderThumb.tsx │ │ │ │ ├── VSliderTrack.sass │ │ │ │ ├── VSliderTrack.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VSlider.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── slider.ts │ │ │ ├── VSnackbar/ │ │ │ │ ├── VSnackbar.sass │ │ │ │ ├── VSnackbar.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSnackbarQueue/ │ │ │ │ ├── VSnackbarQueue.tsx │ │ │ │ ├── index.ts │ │ │ │ └── queue.ts │ │ │ ├── VSparkline/ │ │ │ │ ├── VBarline.tsx │ │ │ │ ├── VSparkline.tsx │ │ │ │ ├── VTrendline.tsx │ │ │ │ ├── index.ts │ │ │ │ └── util/ │ │ │ │ ├── line.ts │ │ │ │ └── path.ts │ │ │ ├── VSpeedDial/ │ │ │ │ ├── VSpeedDial.sass │ │ │ │ ├── VSpeedDial.tsx │ │ │ │ └── index.ts │ │ │ ├── VStepper/ │ │ │ │ ├── VStepper.sass │ │ │ │ ├── VStepper.tsx │ │ │ │ ├── VStepperActions.tsx │ │ │ │ ├── VStepperHeader.ts │ │ │ │ ├── VStepperItem.sass │ │ │ │ ├── VStepperItem.tsx │ │ │ │ ├── VStepperWindow.tsx │ │ │ │ ├── VStepperWindowItem.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── shared.ts │ │ │ ├── VSwitch/ │ │ │ │ ├── VSwitch.sass │ │ │ │ ├── VSwitch.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VSwitch.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VSystemBar/ │ │ │ │ ├── VSystemBar.sass │ │ │ │ ├── VSystemBar.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VTable/ │ │ │ │ ├── VTable.sass │ │ │ │ ├── VTable.tsx │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VTabs/ │ │ │ │ ├── VTab.sass │ │ │ │ ├── VTab.tsx │ │ │ │ ├── VTabs.sass │ │ │ │ ├── VTabs.tsx │ │ │ │ ├── VTabsWindow.tsx │ │ │ │ ├── VTabsWindowItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VTabs.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── shared.ts │ │ │ ├── VTextField/ │ │ │ │ ├── VTextField.sass │ │ │ │ ├── VTextField.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VTextField.spec.browser.tsx │ │ │ │ │ └── VTextField.spec.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VTextarea/ │ │ │ │ ├── VTextarea.sass │ │ │ │ ├── VTextarea.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VTextarea.spec.browser.tsx │ │ │ │ │ └── VTextarea.spec.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VThemeProvider/ │ │ │ │ ├── VThemeProvider.sass │ │ │ │ ├── VThemeProvider.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VThemeProvider.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VTimePicker/ │ │ │ │ ├── VTimePicker.sass │ │ │ │ ├── VTimePicker.tsx │ │ │ │ ├── VTimePickerClock.sass │ │ │ │ ├── VTimePickerClock.tsx │ │ │ │ ├── VTimePickerControls.sass │ │ │ │ ├── VTimePickerControls.tsx │ │ │ │ ├── VTimePickerField.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VTimePicker.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ ├── shared.ts │ │ │ │ ├── useTimeValidation.ts │ │ │ │ └── util.ts │ │ │ ├── VTimeline/ │ │ │ │ ├── VTimeline.sass │ │ │ │ ├── VTimeline.tsx │ │ │ │ ├── VTimelineDivider.tsx │ │ │ │ ├── VTimelineItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VTimeline.spec.browser.tsx │ │ │ │ ├── _mixins.sass │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VToolbar/ │ │ │ │ ├── VToolbar.sass │ │ │ │ ├── VToolbar.tsx │ │ │ │ ├── VToolbarItems.tsx │ │ │ │ ├── VToolbarTitle.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VToolbar.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VTooltip/ │ │ │ │ ├── VTooltip.sass │ │ │ │ ├── VTooltip.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VTreeview/ │ │ │ │ ├── VTreeview.tsx │ │ │ │ ├── VTreeviewChildren.tsx │ │ │ │ ├── VTreeviewGroup.tsx │ │ │ │ ├── VTreeviewItem.sass │ │ │ │ ├── VTreeviewItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VTreeview.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ └── shared.ts │ │ │ ├── VValidation/ │ │ │ │ ├── VValidation.tsx │ │ │ │ └── index.ts │ │ │ ├── VVirtualScroll/ │ │ │ │ ├── VVirtualScroll.sass │ │ │ │ ├── VVirtualScroll.tsx │ │ │ │ ├── VVirtualScrollItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VVirtualScroll.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VWindow/ │ │ │ │ ├── VWindow.sass │ │ │ │ ├── VWindow.tsx │ │ │ │ ├── VWindowItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VWindow.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── index.ts │ │ │ └── transitions/ │ │ │ ├── createTransition.ts │ │ │ ├── dialog-transition.tsx │ │ │ ├── expand-transition.ts │ │ │ └── index.ts │ │ ├── composables/ │ │ │ ├── __tests__/ │ │ │ │ ├── __snapshots__/ │ │ │ │ │ ├── group.spec.ts.snap │ │ │ │ │ └── theme.spec.ts.snap │ │ │ │ ├── autocomplete.spec.ts │ │ │ │ ├── border.spec.ts │ │ │ │ ├── calendar.spec.ts │ │ │ │ ├── color.spec.ts │ │ │ │ ├── defaults.spec.ts │ │ │ │ ├── delay.spec.ts │ │ │ │ ├── dimensions.spec.ts │ │ │ │ ├── display-components.spec.browser.tsx │ │ │ │ ├── display.spec.browser.ts │ │ │ │ ├── elevation.spec.ts │ │ │ │ ├── fileFilter.spec.ts │ │ │ │ ├── filter.spec.ts │ │ │ │ ├── forwardRefs.spec.tsx │ │ │ │ ├── goto.spec.browser.tsx │ │ │ │ ├── group.spec.ts │ │ │ │ ├── icons.spec.ts │ │ │ │ ├── list-items.spec.ts │ │ │ │ ├── loader.spec.ts │ │ │ │ ├── location.spec.ts │ │ │ │ ├── mutationObserver.spec.ts │ │ │ │ ├── position.spec.ts │ │ │ │ ├── proxiedModel.spec.ts │ │ │ │ ├── resizeObserver.spec.browser.tsx │ │ │ │ ├── rounded.spec.ts │ │ │ │ ├── router.spec.browser.tsx │ │ │ │ ├── scroll.spec.browser.tsx │ │ │ │ ├── size.spec.ts │ │ │ │ ├── tag.spec.ts │ │ │ │ ├── theme.spec.ts │ │ │ │ ├── validation.spec.ts │ │ │ │ └── variant.spec.ts │ │ │ ├── autocomplete.ts │ │ │ ├── autofocus.ts │ │ │ ├── border.ts │ │ │ ├── calendar.ts │ │ │ ├── color.ts │ │ │ ├── component.ts │ │ │ ├── date/ │ │ │ │ ├── DateAdapter.ts │ │ │ │ ├── __tests__/ │ │ │ │ │ └── date.spec.ts │ │ │ │ ├── adapters/ │ │ │ │ │ ├── __tests__/ │ │ │ │ │ │ └── vuetify.spec.ts │ │ │ │ │ ├── string.ts │ │ │ │ │ └── vuetify.ts │ │ │ │ ├── date.ts │ │ │ │ └── index.ts │ │ │ ├── dateFormat.ts │ │ │ ├── defaults.ts │ │ │ ├── delay.ts │ │ │ ├── density.ts │ │ │ ├── dimensions.ts │ │ │ ├── directiveComponent.ts │ │ │ ├── display.ts │ │ │ ├── documentVisibility.ts │ │ │ ├── elevation.ts │ │ │ ├── fileDrop.ts │ │ │ ├── fileFilter.ts │ │ │ ├── filter.tsx │ │ │ ├── focus.ts │ │ │ ├── focusGroups.ts │ │ │ ├── focusTrap.ts │ │ │ ├── form.ts │ │ │ ├── forwardRefs.ts │ │ │ ├── goto.ts │ │ │ ├── group.ts │ │ │ ├── hotkey/ │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── hotkey-parsing.spec.ts │ │ │ │ │ └── hotkey.spec.ts │ │ │ │ ├── hotkey-parsing.ts │ │ │ │ ├── hotkey.ts │ │ │ │ ├── index.ts │ │ │ │ └── key-aliases.ts │ │ │ ├── hydration.ts │ │ │ ├── iconSizes.ts │ │ │ ├── icons.tsx │ │ │ ├── index.ts │ │ │ ├── intersectionObserver.ts │ │ │ ├── layout.ts │ │ │ ├── lazy.ts │ │ │ ├── list-items.ts │ │ │ ├── loader.tsx │ │ │ ├── locale.ts │ │ │ ├── location.ts │ │ │ ├── mask/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── mask.spec.ts │ │ │ │ ├── index.ts │ │ │ │ └── mask.ts │ │ │ ├── menuActivator.ts │ │ │ ├── mutationObserver.ts │ │ │ ├── nested/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── selectStrategies.spec.ts │ │ │ │ ├── activeStrategies.ts │ │ │ │ ├── nested.ts │ │ │ │ ├── openStrategies.ts │ │ │ │ └── selectStrategies.ts │ │ │ ├── position.ts │ │ │ ├── proxiedModel.ts │ │ │ ├── refs.ts │ │ │ ├── resizeObserver.ts │ │ │ ├── reveal.ts │ │ │ ├── rounded.ts │ │ │ ├── router.tsx │ │ │ ├── scopeId.ts │ │ │ ├── scroll.ts │ │ │ ├── selectLink.ts │ │ │ ├── size.ts │ │ │ ├── ssrBoot.ts │ │ │ ├── stack.ts │ │ │ ├── tag.ts │ │ │ ├── teleport.ts │ │ │ ├── theme.ts │ │ │ ├── toggleScope.ts │ │ │ ├── touch.ts │ │ │ ├── transition.ts │ │ │ ├── validation.ts │ │ │ ├── variant.tsx │ │ │ └── virtual.ts │ │ ├── directives/ │ │ │ ├── click-outside/ │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── click-outside-shadow-dom.spec.ts │ │ │ │ │ └── click-outside.spec.ts │ │ │ │ └── index.ts │ │ │ ├── color/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── color.spec.ts │ │ │ │ └── index.ts │ │ │ ├── index.ts │ │ │ ├── intersect/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── intersect.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── mutate/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── mutate.spec.ts │ │ │ │ └── index.ts │ │ │ ├── resize/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── resize.spec.ts │ │ │ │ └── index.ts │ │ │ ├── ripple/ │ │ │ │ ├── VRipple.sass │ │ │ │ ├── __tests__/ │ │ │ │ │ └── ripple.spec.ts │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── scroll/ │ │ │ │ ├── __tests__/ │ │ │ │ │ └── scroll.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── tooltip/ │ │ │ │ └── index.ts │ │ │ └── touch/ │ │ │ ├── __tests__/ │ │ │ │ └── touch.spec.browser.tsx │ │ │ └── index.ts │ │ ├── entry-bundler.ts │ │ ├── entry-styles.ts │ │ ├── framework.ts │ │ ├── globals.d.ts │ │ ├── icons.ts │ │ ├── iconsets/ │ │ │ ├── bx.ts │ │ │ ├── carbon.ts │ │ │ ├── fa-svg.ts │ │ │ ├── fa.ts │ │ │ ├── fa4.ts │ │ │ ├── fa6.ts │ │ │ ├── lucide.ts │ │ │ ├── md.ts │ │ │ ├── mdi-svg.ts │ │ │ ├── mdi-unocss.ts │ │ │ ├── mdi.ts │ │ │ ├── ms.ts │ │ │ ├── ph.ts │ │ │ ├── ri.ts │ │ │ └── tabler.ts │ │ ├── labs/ │ │ │ ├── VAvatarGroup/ │ │ │ │ ├── VAvatarGroup.scss │ │ │ │ ├── VAvatarGroup.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VAvatarGroup.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VColorInput/ │ │ │ │ ├── VColorInput.sass │ │ │ │ ├── VColorInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VColorInput.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VCommandPalette/ │ │ │ │ ├── VCommandPalette.scss │ │ │ │ ├── VCommandPalette.tsx │ │ │ │ ├── VCommandPaletteItem.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VCommandPalette.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ ├── composables/ │ │ │ │ │ └── useCommandPaletteNavigation.ts │ │ │ │ ├── index.ts │ │ │ │ ├── shared.ts │ │ │ │ └── types.ts │ │ │ ├── VDateInput/ │ │ │ │ ├── VDateInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VDateInput.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VFileUpload/ │ │ │ │ ├── VFileUpload.sass │ │ │ │ ├── VFileUpload.tsx │ │ │ │ ├── VFileUploadDropzone.tsx │ │ │ │ ├── VFileUploadItem.tsx │ │ │ │ ├── VFileUploadList.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VIconBtn/ │ │ │ │ ├── VIconBtn.scss │ │ │ │ ├── VIconBtn.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VIconBtn.spec.browser.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VMaskInput/ │ │ │ │ ├── VMaskInput.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── VMaskInput.spec.browser.tsx │ │ │ │ └── index.ts │ │ │ ├── VPicker/ │ │ │ │ ├── VPicker.sass │ │ │ │ ├── VPicker.tsx │ │ │ │ ├── VPickerTitle.ts │ │ │ │ ├── __tests__/ │ │ │ │ │ ├── VPicker.spec.ts │ │ │ │ │ └── __snapshots__/ │ │ │ │ │ └── VPicker.spec.ts.snap │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VPie/ │ │ │ │ ├── VPie.sass │ │ │ │ ├── VPie.tsx │ │ │ │ ├── VPieSegment.tsx │ │ │ │ ├── VPieTooltip.tsx │ │ │ │ ├── __tests__/ │ │ │ │ │ └── pie-arc.spec.ts │ │ │ │ ├── _variables.scss │ │ │ │ ├── index.ts │ │ │ │ ├── types.ts │ │ │ │ └── utils.ts │ │ │ ├── VProgress/ │ │ │ │ ├── VProgress.sass │ │ │ │ ├── VProgress.tsx │ │ │ │ └── index.ts │ │ │ ├── VPullToRefresh/ │ │ │ │ ├── VPullToRefresh.sass │ │ │ │ ├── VPullToRefresh.tsx │ │ │ │ └── index.ts │ │ │ ├── VStepperVertical/ │ │ │ │ ├── VStepperVertical.tsx │ │ │ │ ├── VStepperVerticalActions.tsx │ │ │ │ ├── VStepperVerticalItem.sass │ │ │ │ ├── VStepperVerticalItem.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── VVideo/ │ │ │ │ ├── VVideo.sass │ │ │ │ ├── VVideo.tsx │ │ │ │ ├── VVideoControls.tsx │ │ │ │ ├── VVideoVolume.tsx │ │ │ │ ├── _variables.scss │ │ │ │ └── index.ts │ │ │ ├── allComponents.ts │ │ │ ├── components.ts │ │ │ ├── composables.ts │ │ │ ├── entry-bundler.ts │ │ │ ├── index.ts │ │ │ └── rules/ │ │ │ ├── index.ts │ │ │ ├── plugin.ts │ │ │ └── rules.ts │ │ ├── locale/ │ │ │ ├── __tests__/ │ │ │ │ └── index.spec.ts │ │ │ ├── adapters/ │ │ │ │ ├── vue-i18n.ts │ │ │ │ └── vuetify.ts │ │ │ ├── af.ts │ │ │ ├── ar.ts │ │ │ ├── az.ts │ │ │ ├── bg.ts │ │ │ ├── ca.ts │ │ │ ├── ckb.ts │ │ │ ├── cs.ts │ │ │ ├── da.ts │ │ │ ├── de.ts │ │ │ ├── el.ts │ │ │ ├── en.ts │ │ │ ├── es.ts │ │ │ ├── et.ts │ │ │ ├── fa.ts │ │ │ ├── fi.ts │ │ │ ├── fr.ts │ │ │ ├── he.ts │ │ │ ├── hr.ts │ │ │ ├── hu.ts │ │ │ ├── id.ts │ │ │ ├── index.ts │ │ │ ├── it.ts │ │ │ ├── ja.ts │ │ │ ├── km.ts │ │ │ ├── ko.ts │ │ │ ├── lt.ts │ │ │ ├── lv.ts │ │ │ ├── nl.ts │ │ │ ├── no.ts │ │ │ ├── pl.ts │ │ │ ├── pt.ts │ │ │ ├── ro.ts │ │ │ ├── ru.ts │ │ │ ├── sk.ts │ │ │ ├── sl.ts │ │ │ ├── sr-Cyrl.ts │ │ │ ├── sr-Latn.ts │ │ │ ├── sv.ts │ │ │ ├── th.ts │ │ │ ├── tr.ts │ │ │ ├── uk.ts │ │ │ ├── vi.ts │ │ │ ├── zh-Hans.ts │ │ │ └── zh-Hant.ts │ │ ├── shims.d.ts │ │ ├── styles/ │ │ │ ├── colors.scss │ │ │ ├── core.scss │ │ │ ├── elements/ │ │ │ │ ├── _blockquote.sass │ │ │ │ ├── _global.sass │ │ │ │ └── _index.sass │ │ │ ├── generic/ │ │ │ │ ├── _animations.scss │ │ │ │ ├── _colors.scss │ │ │ │ ├── _index.scss │ │ │ │ ├── _layers.scss │ │ │ │ ├── _reset.scss │ │ │ │ ├── _rtl.scss │ │ │ │ ├── _theme.scss │ │ │ │ └── _transitions.scss │ │ │ ├── main.sass │ │ │ ├── settings/ │ │ │ │ ├── _colors.scss │ │ │ │ ├── _elevations.scss │ │ │ │ ├── _index.sass │ │ │ │ ├── _utilities.scss │ │ │ │ └── _variables.scss │ │ │ ├── tools/ │ │ │ │ ├── _absolute.sass │ │ │ │ ├── _border.sass │ │ │ │ ├── _density.sass │ │ │ │ ├── _display.sass │ │ │ │ ├── _elevation.sass │ │ │ │ ├── _functions.sass │ │ │ │ ├── _index.sass │ │ │ │ ├── _layer.scss │ │ │ │ ├── _position.sass │ │ │ │ ├── _rounded.sass │ │ │ │ ├── _rtl.sass │ │ │ │ ├── _states.sass │ │ │ │ ├── _theme.sass │ │ │ │ ├── _typography.sass │ │ │ │ ├── _utilities.sass │ │ │ │ └── _variant.sass │ │ │ ├── utilities/ │ │ │ │ ├── _display.sass │ │ │ │ ├── _elevation.scss │ │ │ │ ├── _index.sass │ │ │ │ ├── _pointer-events.sass │ │ │ │ └── _screenreaders.sass │ │ │ └── utilities.scss │ │ ├── types.ts │ │ └── util/ │ │ ├── __tests__/ │ │ │ ├── colorUtils.spec.ts │ │ │ ├── deepEqual.spec.ts │ │ │ ├── dom.spec.ts │ │ │ ├── getCurrentInstance.spec.tsx │ │ │ ├── helpers.spec.ts │ │ │ ├── propsFactory.spec.ts │ │ │ └── throttle.spec.ts │ │ ├── anchor.ts │ │ ├── animation.ts │ │ ├── bindProps.ts │ │ ├── box.ts │ │ ├── color/ │ │ │ ├── APCA.ts │ │ │ ├── transformCIELAB.ts │ │ │ └── transformSRGB.ts │ │ ├── colorUtils.ts │ │ ├── colors.ts │ │ ├── console.ts │ │ ├── createSimpleFunctional.ts │ │ ├── deepEqual.ts │ │ ├── defineComponent.tsx │ │ ├── dom.ts │ │ ├── easing.ts │ │ ├── events.ts │ │ ├── getCurrentInstance.ts │ │ ├── getScrollParent.ts │ │ ├── globals.ts │ │ ├── helpers.ts │ │ ├── indentLines.ts │ │ ├── index.ts │ │ ├── injectSelf.ts │ │ ├── isFixedPosition.ts │ │ ├── propsFactory.ts │ │ ├── svg-arc-corners.ts │ │ ├── throttle.ts │ │ ├── timeUtils.ts │ │ └── useRender.ts │ ├── test/ │ │ ├── contextStub.ts │ │ ├── globals.d.ts │ │ ├── index.ts │ │ ├── setup/ │ │ │ ├── browser-commands.ts │ │ │ ├── browser-setup.ts │ │ │ ├── to-have-been-warned.ts │ │ │ └── unit-setup.ts │ │ └── templates/ │ │ ├── Application.tsx │ │ ├── CenteredGrid.tsx │ │ ├── generateStories.tsx │ │ ├── gridOn.tsx │ │ └── index.ts │ ├── tsconfig.checks.json │ ├── tsconfig.dev.json │ ├── tsconfig.dist.json │ ├── tsconfig.json │ ├── vite.config.ts │ ├── vitest.config.ts │ └── vizzly.config.js ├── patches/ │ ├── @mdi__js@7.4.47.patch │ ├── @testing-library__vue.patch │ ├── @vitest__browser.patch │ └── playwright-core.patch ├── pnpm-workspace.yaml ├── renovate.json ├── scripts/ │ ├── build.js │ ├── confirm-npm-tag.js │ ├── converter.js │ ├── dev.js │ ├── lint-commit-message.js │ ├── options-to-composition.mjs │ ├── parse-npm-tag.js │ ├── post-install.js │ ├── post-release-merge.js │ ├── prepare-commit-message.js │ ├── rules/ │ │ ├── jsx-condition-key.js │ │ ├── jsx-curly-spacing.js │ │ ├── jsx-prop-casing.js │ │ ├── no-components-index.js │ │ ├── no-nullish-coalescing-in-condition.js │ │ ├── no-render-string-reference.js │ │ ├── sort-imports.js │ │ └── vitest-global-imports.js │ ├── tdd-run.js │ └── warn-npm-install.js ├── templates/ │ ├── browser-test.tsx │ ├── component.tsx │ ├── page.md │ └── unit-test.ts ├── tsconfig.eslint.json └── tsconfig.json
SYMBOL INDEX (2175 symbols across 516 files)
FILE: packages/api-generator/src/helpers/sass.ts
function processVariableFile (line 3) | function processVariableFile (filePath: string, tagUse: string | string[...
function parseGlobalSassVariables (line 32) | function parseGlobalSassVariables () {
FILE: packages/api-generator/src/index.ts
type Truthy (line 40) | type Truthy<T> = Exclude<T, null | undefined | 0 | '' | false>;
function clamp (line 43) | function clamp (v: number, min: number, max: number) {
FILE: packages/api-generator/src/shims.d.ts
type Type (line 4) | interface Type {
type Type (line 13) | interface Type {
FILE: packages/api-generator/src/types.ts
function inspect (line 10) | async function inspect (project: Project, node?: Node<ts.Node>) {
function generateComposableDataFromTypes (line 36) | async function generateComposableDataFromTypes (): Promise<ComposableDat...
function generateDirectiveDataFromTypes (line 75) | async function generateDirectiveDataFromTypes (): Promise<DirectiveData[...
function generateComponentDataFromTypes (line 95) | async function generateComponentDataFromTypes (component: string): Promi...
type BaseDefinition (line 135) | type BaseDefinition = {
type ObjectDefinition (line 145) | type ObjectDefinition = {
type BooleanDefinition (line 150) | type BooleanDefinition = {
type StringDefinition (line 155) | type StringDefinition = {
type NumberDefinition (line 160) | type NumberDefinition = {
type UnionDefinition (line 165) | type UnionDefinition = {
type IntersectionDefinition (line 170) | type IntersectionDefinition = {
type ArrayDefinition (line 175) | type ArrayDefinition = {
type FunctionDefinition (line 181) | type FunctionDefinition = {
type RefDefinition (line 187) | type RefDefinition = {
type ConstructorDefinition (line 192) | type ConstructorDefinition = {
type RecordDefinition (line 196) | type RecordDefinition = {
type InterfaceDefinition (line 202) | type InterfaceDefinition = {
type NamedDefinition (line 208) | type NamedDefinition = Definition & { name: string }
type Definition (line 210) | type Definition =
type BaseData (line 224) | type BaseData = {
type ComponentData (line 229) | type ComponentData = BaseData & {
type DirectiveData (line 239) | type DirectiveData = BaseData & {
type ComposableData (line 249) | type ComposableData = BaseData & {
type PartData (line 259) | type PartData = ComponentData | DirectiveData | ComposableData
function isExternalDeclaration (line 261) | function isExternalDeclaration (declaration?: Node<ts.Node>, definitionT...
function getSource (line 277) | function getSource (declaration?: Node<ts.Node>) {
function getCleanText (line 302) | function getCleanText (text: string) {
function count (line 306) | function count (arr: string[], needle: string) {
function formatDefinition (line 361) | function formatDefinition (definition: Definition) {
function generateDefinition (line 424) | function generateDefinition (node: Node<ts.Node>, recursed: string[], pr...
function getUnionTypes (line 583) | function getUnionTypes (type: Type<ts.Type>): Type<ts.Type>[] {
function getRecursiveTypes (line 634) | function getRecursiveTypes (recursiveTypes: string[], type: Type<ts.Type...
function findPotentialRecursiveTypes (line 638) | function findPotentialRecursiveTypes (type?: Type<ts.Type>): string[] {
FILE: packages/api-generator/src/utils.ts
function parseFunctionParams (line 7) | function parseFunctionParams (func: string) {
function getPropType (line 15) | function getPropType (type: any | any[]): string | string[] {
function getPropDefault (line 25) | function getPropDefault (definition: any, type: string | string[]) {
type ComponentData (line 50) | type ComponentData = {
function addPropData (line 57) | function addPropData (
function stringifyProps (line 75) | function stringifyProps (props: any) {
function loadLocale (line 104) | async function loadLocale (componentName: string, locale: string): Promi...
type MissingDescription (line 128) | type MissingDescription = {
function reportMissingDescriptions (line 137) | function reportMissingDescriptions () {
function getSources (line 153) | async function getSources (name: string, locale: string, sources: string...
function addDescriptions (line 187) | async function addDescriptions (name: string, componentData: ComponentDa...
function addDirectiveDescriptions (line 204) | async function addDirectiveDescriptions (
function sortByKey (line 232) | function sortByKey (data: Record<string, any>) {
function stripLinks (line 241) | function stripLinks (str: string): [string, Record<string, string>] {
function insertLinks (line 258) | function insertLinks (str: string, stripped: Record<string, string>) {
function prettifyType (line 265) | async function prettifyType (name: string, item: Definition) {
FILE: packages/api-generator/src/vetur.ts
function createVeturApi (line 5) | function createVeturApi (componentData: ComponentData[]) {
FILE: packages/api-generator/templates/component.d.ts
type StripProps (line 5) | type StripProps =
type Event (line 12) | type Event = `on${string}`
type Props (line 14) | type Props<T> = T extends { $props: infer P extends object }
type Events (line 22) | type Events<T> = T extends { $props: infer P extends object }
type ComponentProps (line 33) | type ComponentProps = Props<__component__>
type ComponentEvents (line 34) | type ComponentEvents = Events<__component__>
type Slot (line 36) | type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild
type Slots (line 37) | type Slots<
type AtLeastOne (line 44) | type AtLeastOne<T, U = {[K in keyof T]: Pick<T, K> }> = Partial<T> & U[k...
type ExcludeEmpty (line 45) | type ExcludeEmpty<T> = T extends AtLeastOne<T> ? T : never
type ComponentSlots (line 47) | type ComponentSlots = Slots<__component__>
type ExtractExposed (line 49) | type ExtractExposed<T> = T extends ComponentOptionsBase<any, infer B, an...
type Pretty (line 56) | type Pretty<T> = { [K in keyof T]: UnwrapRef<T[K]> }
type CleanHTMLInputElement (line 59) | type CleanHTMLInputElement<T> = {
type ComponentExposed (line 69) | type ComponentExposed = Pretty<CleanHTMLInputElement<UnionToIntersection...
FILE: packages/api-generator/templates/composables.d.ts
type IsComposable (line 3) | type IsComposable<T extends string | number | symbol> = T extends `use${...
type ExtractComposables (line 5) | type ExtractComposables<T> = T extends object
type Composables (line 11) | type Composables = Prettify<ExtractComposables<typeof vuetify>>
type Prettify (line 13) | type Prettify<T> = { [K in keyof T]: T[K] } & {}
FILE: packages/api-generator/templates/directives.d.ts
type ExtractDirectiveBindings (line 5) | type ExtractDirectiveBindings<T> = T extends object
type Plain (line 31) | type Plain<T> = T extends object
type Directives (line 37) | type Directives = Plain<ExtractDirectiveBindings<typeof directives>>
FILE: packages/docs/auto-imports.d.ts
type GlobalComponents (line 203) | interface GlobalComponents {}
type ComponentCustomProperties (line 204) | interface ComponentCustomProperties {
FILE: packages/docs/build/api-plugin.ts
constant API_ROOT (line 6) | const API_ROOT = path.resolve('../api-generator/dist/api')
function Api (line 8) | function Api (): Plugin {
FILE: packages/docs/build/examples-plugin.ts
function Examples (line 8) | function Examples (): Plugin {
FILE: packages/docs/build/markdownBuilders.ts
function setupPages (line 55) | async function setupPages<T extends Pipeline<any>> (
function getRouteMeta (line 138) | function getRouteMeta (componentPath: string, locale: string) {
function generateToc (line 166) | function generateToc (content: string) {
FILE: packages/docs/build/mdi-js.ts
function MdiJs (line 7) | function MdiJs () {
FILE: packages/docs/build/sitemap.js
class SitemapPlugin (line 4) | class SitemapPlugin {
method apply (line 5) | apply (compiler) {
FILE: packages/docs/components.d.ts
type GlobalComponents (line 9) | interface GlobalComponents {
FILE: packages/docs/jest.config.cjs
function clamp (line 3) | function clamp (v, min, max) {
FILE: packages/docs/src/components/api/utils.ts
function stripLinks (line 1) | function stripLinks (str: string): [string, Record<string, string>] {
function insertLinks (line 18) | function insertLinks (str: string, stripped: Record<string, string>) {
FILE: packages/docs/src/composables/ad.ts
type AdProps (line 1) | interface AdProps {
FILE: packages/docs/src/composables/bin.ts
function compressAndEncode (line 4) | function compressAndEncode (str: string) {
function decodeAndDecompress (line 21) | function decodeAndDecompress (encoded: string) {
function useBin (line 38) | function useBin (code: string, language: string, _title?: string) {
FILE: packages/docs/src/composables/cosmic.ts
function useCosmic (line 4) | function useCosmic<T> (
FILE: packages/docs/src/composables/frontmatter.ts
type Frontmatter (line 1) | type Frontmatter = {
type TocItem (line 22) | type TocItem = {
function useFrontmatter (line 28) | function useFrontmatter () {
FILE: packages/docs/src/composables/markdown.ts
function useMarkdown (line 3) | function useMarkdown () {
FILE: packages/docs/src/composables/playground.ts
type CodeSection (line 6) | type CodeSection = {
function utoa (line 13) | function utoa (data: string): string {
function usePlayground (line 20) | function usePlayground (
FILE: packages/docs/src/main.ts
method scrollBehavior (line 109) | async scrollBehavior (to, from, savedPosition) {
FILE: packages/docs/src/plugins/global-components.ts
function installGlobalComponents (line 6) | function installGlobalComponents (app: App) {
FILE: packages/docs/src/plugins/i18n.ts
function installI18n (line 15) | function installI18n (app: App) {
FILE: packages/docs/src/plugins/one.ts
function installOne (line 7) | function installOne (app: App) {
FILE: packages/docs/src/plugins/pinia.ts
function installPinia (line 12) | function installPinia (app: App, router: Router) {
FILE: packages/docs/src/plugins/pwa.ts
function installPwa (line 4) | async function installPwa (router: Router) {
FILE: packages/docs/src/plugins/vuetify.ts
function installVuetify (line 26) | function installVuetify (app: App) {
FILE: packages/docs/src/service-worker.js
constant PREVIOUS_MANIFEST (line 3) | let PREVIOUS_MANIFEST
constant MANIFEST (line 4) | const MANIFEST = self.__WB_MANIFEST
function matchPrecache (line 83) | async function matchPrecache (request) {
function networkFirst (line 99) | async function networkFirst (request) {
function removeWorkboxCaches (line 128) | function removeWorkboxCaches () {
FILE: packages/docs/src/shims.d.ts
type IconEntry (line 14) | interface IconEntry {
type Config (line 48) | interface Config {
FILE: packages/docs/src/stores/ads.ts
type Ad (line 2) | interface Ad {
FILE: packages/docs/src/stores/app.ts
type Category (line 5) | type Category = {
type RootState (line 10) | type RootState = {
type NavItem (line 21) | type NavItem = {
function getPage (line 89) | function getPage (item: NavItem, parent = ''): string[] {
function getPages (line 98) | function getPages (items: NavItem[] = [], parent = ''): string[] {
FILE: packages/docs/src/stores/commits.ts
type Commit (line 4) | type Commit = octokitComponents['schemas']['commit']
type State (line 6) | type State = {
method fetch (line 20) | async fetch () {
method latest (line 39) | latest (state) {
FILE: packages/docs/src/stores/jobs.ts
type Job (line 2) | type Job = {
type VueJobsJob (line 14) | type VueJobsJob = {
type FreeflowJob (line 27) | type FreeflowJob = {
function fetchVueJobs (line 37) | async function fetchVueJobs () {
function fetchFreeflowJobs (line 56) | async function fetchFreeflowJobs () {
FILE: packages/docs/src/stores/locale.ts
type RootState (line 2) | type RootState = {
FILE: packages/docs/src/stores/pins.ts
type Pin (line 1) | type Pin = {
function toggle (line 16) | function toggle (value: boolean, pin: Pin) {
function load (line 36) | function load () {
function save (line 41) | function save () {
FILE: packages/docs/src/stores/promotions.ts
type CosmicImage (line 2) | type CosmicImage = {
type Promotion (line 6) | interface Promotion {
FILE: packages/docs/src/stores/pwa.ts
function registerWorker (line 27) | function registerWorker () {
function removeWorker (line 40) | async function removeWorker () {
FILE: packages/docs/src/stores/releases.ts
type Release (line 4) | type Release = octokitComponents['schemas']['release']
type State (line 6) | type State = {
method format (line 22) | format (release: Release) {
method fetch (line 31) | async fetch () {
method find (line 51) | async find (tag: string) {
FILE: packages/docs/src/stores/shopify.ts
type Product (line 1) | interface Product {
type Vendor (line 8) | interface Vendor {
type State (line 13) | type State = {
method fetch (line 23) | async fetch () {
FILE: packages/docs/src/stores/sponsors.ts
type Sponsor (line 2) | interface Sponsor {
function fetchSponsors (line 13) | async function fetchSponsors () {
function bySlug (line 49) | function bySlug (slug: string) {
FILE: packages/docs/src/stores/spot.ts
type Spot (line 2) | interface Spot {
FILE: packages/docs/src/stores/team-members.ts
type Member (line 7) | type Member = {
type GithubMember (line 23) | type GithubMember = {
FILE: packages/docs/src/utils/analytics.ts
function sweClick (line 4) | function sweClick (
FILE: packages/docs/src/utils/api.ts
type Item (line 1) | type Item = {
function stripLinks (line 24) | function stripLinks (str: string): [string, Record<string, string>] {
function insertLinks (line 41) | function insertLinks (str: string, stripped: Record<string, string>) {
FILE: packages/docs/src/utils/globals.ts
constant IN_BROWSER (line 1) | const IN_BROWSER = typeof window !== 'undefined'
constant IS_DEBUG (line 2) | const IS_DEBUG = import.meta.env.DEBUG === 'true'
constant IS_PROD (line 3) | const IS_PROD = import.meta.env.NODE_ENV === 'production'
constant IS_SERVER (line 4) | const IS_SERVER = import.meta.env.SSR
FILE: packages/docs/src/utils/helpers.ts
function copyElementContent (line 1) | function copyElementContent (el: HTMLElement) {
function getBranch (line 13) | function getBranch () {
function waitForReadystate (line 25) | async function waitForReadystate () {
function getDistance (line 43) | function getDistance (s1: string, s2: string) {
function getMatchMedia (line 111) | function getMatchMedia () {
function propsToString (line 121) | function propsToString (props: Record<string, any>, bound: string[] = []...
function wrapInArray (line 148) | function wrapInArray<T> (v: T | T[] | null | undefined): T[] {
FILE: packages/docs/src/utils/markdown-it-rules.ts
function addCodeRules (line 6) | function addCodeRules (md: MarkdownIt) {
function addImageRules (line 37) | function addImageRules (md: MarkdownIt) {
function addHrRules (line 58) | function addHrRules (md: MarkdownIt) {
function addUnderlineRules (line 64) | function addUnderlineRules (md: MarkdownIt) {
function addHeadingRules (line 79) | function addHeadingRules (md: MarkdownIt) {
function addLinkRules (line 103) | function addLinkRules (md: MarkdownIt) {
function addTableRules (line 111) | function addTableRules (md: MarkdownIt) {
function createContainer (line 133) | function createContainer (md: MarkdownIt, type: string, title?: string) {
function createTabs (line 146) | function createTabs (md: MarkdownIt) {
function extractTitle (line 209) | function extractTitle (info: string) {
function extractLang (line 213) | function extractLang (info: string) {
FILE: packages/docs/src/utils/markdown-it.ts
function configureMarkdown (line 11) | function configureMarkdown (
FILE: packages/docs/src/utils/metadata.ts
type Metadata (line 1) | interface Metadata {
function genAppMetaInfo (line 7) | function genAppMetaInfo (defaults: any) {
function genMetaInfo (line 15) | function genMetaInfo (
function genFacebookMetaInfo (line 46) | function genFacebookMetaInfo () {
function genLink (line 50) | function genLink () {
function genOpenGraphMetaInfo (line 78) | function genOpenGraphMetaInfo (args: Metadata) {
function parseMeta (line 88) | function parseMeta (
function genTwitterMetaInfo (line 108) | function genTwitterMetaInfo () {
FILE: packages/docs/src/utils/pwa.ts
type ManifestEntry (line 3) | type ManifestEntry = { url: string, revision?: string }
type Manifest (line 4) | type Manifest = ManifestEntry[]
function openCache (line 6) | async function openCache (name: string) {
function cacheManifestEntries (line 10) | async function cacheManifestEntries (
function cleanCache (line 39) | async function cleanCache (previousManifest: Manifest) {
function getDate (line 68) | function getDate (response: Response) {
function ensureCacheableResponse (line 73) | function ensureCacheableResponse (response: Response) {
function messageSW (line 89) | function messageSW (sw: ServiceWorker, data: {}): Promise<any> {
FILE: packages/docs/src/utils/routes.ts
function preferredLocale (line 12) | function preferredLocale (locale = 'en') {
function rpath (line 20) | function rpath (path = '') {
function leadingSlash (line 32) | function leadingSlash (str: string) {
function trailingSlash (line 36) | function trailingSlash (str: string) {
FILE: packages/vuetify/build/babel-plugin-replace-import-extension.js
function transformExtension (line 1) | function transformExtension(filepath, extMapping) {
function getOption (line 27) | function getOption(state, key) {
method ImportDeclaration (line 36) | ImportDeclaration(path, state) {
method 'ExportNamedDeclaration|ExportAllDeclaration' (line 46) | 'ExportNamedDeclaration|ExportAllDeclaration'(path, state) {
FILE: packages/vuetify/build/rollup.config.js
method output (line 79) | output (styles, styleNodes) {
method buildEnd (line 111) | async buildEnd () {
method output (line 222) | output (styles, styleNodes) {
method buildEnd (line 254) | async buildEnd () {
method onwarn (line 314) | onwarn (warning, defaultHandler) {
method output (line 324) | output (styles, styleNodes) {
method generateBundle (line 336) | generateBundle (options, bundle) {
FILE: packages/vuetify/build/rollup.types.config.js
function createTypesConfig (line 20) | function createTypesConfig (input, output, renderChunk, filter) {
function getShims (line 63) | async function getShims (useImport) {
FILE: packages/vuetify/build/types-code-transform.js
function codeTransform (line 5) | function codeTransform (code) {
FILE: packages/vuetify/src/components/VAlert/VAlert.tsx
type ContextualType (line 36) | type ContextualType = typeof allowedTypes[number]
type VAlertSlots (line 89) | type VAlertSlots = {
method setup (line 108) | setup (props, { emit, slots }) {
type VAlert (line 260) | type VAlert = InstanceType<typeof VAlert>
FILE: packages/vuetify/src/components/VAlert/VAlertTitle.ts
type VAlertTitle (line 6) | type VAlertTitle = InstanceType<typeof VAlertTitle>
FILE: packages/vuetify/src/components/VApp/VApp.tsx
method setup (line 24) | setup (props, { slots }) {
type VApp (line 57) | type VApp = InstanceType<typeof VApp>
FILE: packages/vuetify/src/components/VAppBar/VAppBar.tsx
method setup (line 53) | setup (props, { slots }) {
type VAppBar (line 207) | type VAppBar = InstanceType<typeof VAppBar>
FILE: packages/vuetify/src/components/VAppBar/VAppBarNavIcon.tsx
method setup (line 22) | setup (props, { slots }) {
type VAppBarNavIcon (line 37) | type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>
FILE: packages/vuetify/src/components/VAppBar/VAppBarTitle.tsx
method setup (line 15) | setup (props, { slots }) {
type VAppBarTitle (line 28) | type VAppBarTitle = InstanceType<typeof VAppBarTitle>
FILE: packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
type Primitive (line 54) | type Primitive = string | number | boolean | symbol
type Val (line 56) | type Val <T, ReturnObject extends boolean> = [T] extends [Primitive]
type Value (line 60) | type Value <T, ReturnObject extends boolean, Multiple extends boolean> =
type ItemType (line 80) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 123) | setup (props, { slots }) {
type VAutocomplete (line 761) | type VAutocomplete = InstanceType<typeof VAutocomplete>
FILE: packages/vuetify/src/components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx
function setup (line 533) | async function setup () {
FILE: packages/vuetify/src/components/VAvatar/VAvatar.tsx
type VAvatarSlots (line 49) | type VAvatarSlots = {
method setup (line 59) | setup (props, { slots }) {
type VAvatar (line 162) | type VAvatar = InstanceType<typeof VAvatar>
FILE: packages/vuetify/src/components/VBadge/VBadge.tsx
type VBadgeSlots (line 22) | type VBadgeSlots = {
method setup (line 65) | setup (props, ctx) {
type VBadge (line 161) | type VBadge = InstanceType<typeof VBadge>
FILE: packages/vuetify/src/components/VBanner/VBanner.tsx
type VBannerSlots (line 33) | type VBannerSlots = {
method setup (line 68) | setup (props, { slots }) {
type VBanner (line 165) | type VBanner = InstanceType<typeof VBanner>
FILE: packages/vuetify/src/components/VBanner/VBannerActions.tsx
method setup (line 20) | setup (props, { slots }) {
type VBannerActions (line 46) | type VBannerActions = InstanceType<typeof VBannerActions>
FILE: packages/vuetify/src/components/VBanner/VBannerText.ts
type VBannerText (line 6) | type VBannerText = InstanceType<typeof VBannerText>
FILE: packages/vuetify/src/components/VBottomNavigation/VBottomNavigation.tsx
method setup (line 74) | setup (props, { slots }) {
type VBottomNavigation (line 151) | type VBottomNavigation = InstanceType<typeof VBottomNavigation>
FILE: packages/vuetify/src/components/VBottomSheet/VBottomSheet.tsx
method setup (line 33) | setup (props, { slots }) {
type VBottomSheet (line 64) | type VBottomSheet = InstanceType<typeof VBottomSheet>
FILE: packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbs.tsx
type InternalBreadcrumbItem (line 28) | type InternalBreadcrumbItem = Partial<LinkProps> & {
type BreadcrumbItem (line 33) | type BreadcrumbItem = string | InternalBreadcrumbItem
method setup (line 73) | setup (props, { slots }) {
type VBreadcrumbs (line 167) | type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>
FILE: packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbsDivider.tsx
method setup (line 18) | setup (props, { slots }) {
type VBreadcrumbsDivider (line 36) | type VBreadcrumbsDivider = InstanceType<typeof VBreadcrumbsDivider>
FILE: packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbsItem.tsx
method setup (line 31) | setup (props, { slots, attrs }) {
type VBreadcrumbsItem (line 76) | type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>
FILE: packages/vuetify/src/components/VBtn/VBtn.tsx
type VBtnSlots (line 40) | type VBtnSlots = {
method setup (line 105) | setup (props, { attrs, slots }) {
type VBtn (line 326) | type VBtn = InstanceType<typeof VBtn>
FILE: packages/vuetify/src/components/VBtnGroup/VBtnGroup.tsx
method setup (line 45) | setup (props, { slots }) {
type VBtnGroup (line 87) | type VBtnGroup = InstanceType<typeof VBtnGroup>
FILE: packages/vuetify/src/components/VBtnToggle/VBtnToggle.tsx
type BtnToggleSlotProps (line 18) | type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' ...
type DefaultBtnToggleSlot (line 19) | interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotP...
type VBtnToggleSlots (line 23) | type VBtnToggleSlots = {
method setup (line 47) | setup (props, { slots }) {
type VBtnToggle (line 81) | type VBtnToggle = InstanceType<typeof VBtnToggle>
FILE: packages/vuetify/src/components/VCalendar/VCalendar.tsx
type VCalendarRenderProps (line 51) | interface VCalendarRenderProps {
type EventSlotScope (line 59) | interface EventSlotScope {
type DaySlotScope (line 74) | interface DaySlotScope extends CalendarTimestamp {
type DayHeaderSlotScope (line 80) | interface DayHeaderSlotScope extends CalendarTimestamp {
type CalendarDayCategorySlotScope (line 85) | interface CalendarDayCategorySlotScope extends CalendarDayBodySlotScope {
method setup (line 153) | setup (props, { slots, attrs, emit }) {
type VCalendar (line 431) | type VCalendar = InstanceType<typeof VCalendar>
FILE: packages/vuetify/src/components/VCalendar/VCalendarCategory.tsx
method setup (line 35) | setup (props, { slots, attrs }) {
type VCalendarCategory (line 179) | type VCalendarCategory = InstanceType<typeof VCalendarCategory>
FILE: packages/vuetify/src/components/VCalendar/VCalendarDaily.tsx
method setup (line 39) | setup (props, { slots, attrs }) {
type VCalendarDaily (line 291) | type VCalendarDaily = InstanceType<typeof VCalendarDaily>
FILE: packages/vuetify/src/components/VCalendar/VCalendarWeekly.tsx
method setup (line 50) | setup (props, { slots, attrs }) {
type VCalendarWeekly (line 254) | type VCalendarWeekly = InstanceType<typeof VCalendarWeekly>
FILE: packages/vuetify/src/components/VCalendar/composables/__tests__/calendar-base.spec.ts
type Instance (line 18) | type Instance = ExtractVue<typeof Mock>
FILE: packages/vuetify/src/components/VCalendar/composables/__tests__/calendar-with-events.spec.ts
type Instance (line 17) | type Instance = InstanceType<typeof Mock>
FILE: packages/vuetify/src/components/VCalendar/composables/__tests__/calendar-with-intervals.spec.ts
type Instance (line 32) | type Instance = ExtractVue<typeof Mock>
FILE: packages/vuetify/src/components/VCalendar/composables/__tests__/times.spec.ts
type Instance (line 18) | type Instance = ExtractVue<typeof Mock>
FILE: packages/vuetify/src/components/VCalendar/composables/calendarBase.ts
type CalendarBaseProps (line 66) | interface CalendarBaseProps {
function useCalendarBase (line 81) | function useCalendarBase (props: CalendarBaseProps) {
FILE: packages/vuetify/src/components/VCalendar/composables/calendarWithEvents.tsx
constant WIDTH_FULL (line 43) | const WIDTH_FULL = 100
constant WIDTH_START (line 44) | const WIDTH_START = 95
type VEventGetter (line 47) | type VEventGetter<D> = (day: D) => CalendarEventParsed[]
type VEventVisualToNode (line 48) | type VEventVisualToNode<D> = (visual: CalendarEventVisual, day: D) => VN...
type VEventsToNodes (line 49) | type VEventsToNodes = <D extends CalendarDaySlotScope>(
type VDailyEventsMap (line 55) | type VDailyEventsMap = {
type VEventScopeInput (line 63) | interface VEventScopeInput {
type CalendarWithEventsProps (line 137) | interface CalendarWithEventsProps extends CalendarBaseProps {
function useCalendarWithEvents (line 156) | function useCalendarWithEvents (props: CalendarWithEventsProps, slots: a...
FILE: packages/vuetify/src/components/VCalendar/composables/calendarWithIntervals.ts
type CalendarWithIntervalsProps (line 74) | interface CalendarWithIntervalsProps extends CalendarBaseProps {
function useCalendarWithIntervals (line 84) | function useCalendarWithIntervals (props: CalendarWithIntervalsProps) {
FILE: packages/vuetify/src/components/VCalendar/composables/times.ts
function useTimes (line 12) | function useTimes (props: { now: string | undefined }) {
FILE: packages/vuetify/src/components/VCalendar/modes/column.ts
constant FULL_WIDTH (line 5) | const FULL_WIDTH = 100
FILE: packages/vuetify/src/components/VCalendar/modes/common.ts
constant MILLIS_IN_DAY (line 5) | const MILLIS_IN_DAY = 86400000
type GetRange (line 7) | type GetRange = (event: CalendarEventParsed) => [number, number]
function getVisuals (line 9) | function getVisuals (events: CalendarEventParsed[], minStart = 0): Calen...
type ColumnGroup (line 27) | interface ColumnGroup {
function hasOverlap (line 33) | function hasOverlap (s0: number, e0: number, s1: number, e1: number, exc...
function setColumnCount (line 37) | function setColumnCount (groups: ColumnGroup[]) {
function getRange (line 45) | function getRange (event: CalendarEventParsed): [number, number] {
function getDayRange (line 49) | function getDayRange (event: CalendarEventParsed): [number, number] {
function getNormalizedRange (line 53) | function getNormalizedRange (event: CalendarEventParsed, dayStart: numbe...
function getOpenGroup (line 57) | function getOpenGroup (groups: ColumnGroup[], start: number, end: number...
function getOverlapGroupHandler (line 82) | function getOverlapGroupHandler (firstWeekday: number) {
FILE: packages/vuetify/src/components/VCalendar/modes/stack.ts
type Group (line 6) | interface Group {
type Node (line 12) | interface Node {
constant FULL_WIDTH (line 22) | const FULL_WIDTH = 100
constant DEFAULT_OFFSET (line 24) | const DEFAULT_OFFSET = 5
constant WIDTH_MULTIPLIER (line 26) | const WIDTH_MULTIPLIER = 1.7
function calculateBounds (line 108) | function calculateBounds (nodes: Node[], overlapThreshold: number) {
function getColumnWidthMultiplier (line 131) | function getColumnWidthMultiplier (node: Node, nodes: Node[]): number {
function getOverlappingIndices (line 142) | function getOverlappingIndices (node: Node, nodes: Node[]): number[] {
function getNextIndex (line 152) | function getNextIndex (node: Node, nodes: Node[]): number | false {
function getOverlappingRange (line 164) | function getOverlappingRange (node: Node, nodes: Node[], indexMin: numbe...
function getParent (line 178) | function getParent (node: Node, nodes: Node[]): Node | null {
function hasFullWidth (line 188) | function hasFullWidth (node: Node, nodes: Node[], overlapThreshold: numb...
function getGroups (line 200) | function getGroups (visuals: CalendarEventVisual[], dayStart: number): G...
function getNode (line 224) | function getNode (visual: CalendarEventVisual, dayStart: number): Node {
function getMaxChildIndex (line 238) | function getMaxChildIndex (node: Node): number {
function addTime (line 249) | function addTime (identifier: number, minutes: number): number {
FILE: packages/vuetify/src/components/VCalendar/types.ts
type CalendarCategory (line 4) | type CalendarCategory =
type CalendarCategoryTextFunction (line 12) | type CalendarCategoryTextFunction = (
type CalendarTimestamp (line 16) | interface CalendarTimestamp {
type CalendarFormatter (line 33) | type CalendarFormatter = (timestamp: CalendarTimestamp, short: boolean) ...
type CalendarEvent (line 35) | interface CalendarEvent {
type CalendarEventParsed (line 39) | interface CalendarEventParsed {
type CalendarEventVisual (line 52) | interface CalendarEventVisual {
type CalendarDaySlotScope (line 60) | interface CalendarDaySlotScope extends CalendarTimestamp {
type CalendarTimeToY (line 68) | type CalendarTimeToY = (
type CalendarTimeDelta (line 73) | type CalendarTimeDelta = (
type CalendarDayBodySlotScope (line 78) | interface CalendarDayBodySlotScope extends CalendarDaySlotScope {
type CalendarEventOverlapMode (line 83) | type CalendarEventOverlapMode = (
type CalendarEventColorFunction (line 94) | type CalendarEventColorFunction = (event: CalendarEvent) => string | und...
type CalendarEventTimedFunction (line 96) | type CalendarEventTimedFunction = (event: CalendarEvent) => boolean
type CalendarEventCategoryFunction (line 98) | type CalendarEventCategoryFunction = (event: CalendarEvent) => string
type CalendarEventNameFunction (line 100) | type CalendarEventNameFunction = (event: CalendarEventParsed, timedEvent...
FILE: packages/vuetify/src/components/VCalendar/util/dateTimeUtils.ts
function isLeapYear (line 1) | function isLeapYear (year: number): boolean {
FILE: packages/vuetify/src/components/VCalendar/util/events.ts
function parseEvent (line 14) | function parseEvent (
function isEventOn (line 42) | function isEventOn (event: CalendarEventParsed, dayIdentifier: number): ...
function isEventOnDay (line 46) | function isEventOnDay (
function isEventHiddenOn (line 64) | function isEventHiddenOn (event: CalendarEventParsed, day: CalendarTimes...
function isEventStart (line 68) | function isEventStart (
function isEventOverlapping (line 77) | function isEventOverlapping (
FILE: packages/vuetify/src/components/VCalendar/util/parser.ts
function parsedCategoryText (line 4) | function parsedCategoryText (
function getParsedCategories (line 14) | function getParsedCategories (
FILE: packages/vuetify/src/components/VCalendar/util/timestamp.ts
constant PARSE_REGEX (line 6) | const PARSE_REGEX = /^(\d{4})-(\d{1,2})(-(\d{1,2}))?([^\d]+(\d{1,2}))?(:...
constant PARSE_TIME (line 7) | const PARSE_TIME = /(\d\d?)(:(\d\d?)|)(:(\d\d?)|)/
constant DAYS_IN_MONTH (line 9) | const DAYS_IN_MONTH: number[] = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, ...
constant DAYS_IN_MONTH_LEAP (line 10) | const DAYS_IN_MONTH_LEAP: number[] = [0, 31, 29, 31, 30, 31, 30, 31, 31,...
constant DAYS_IN_MONTH_MIN (line 11) | const DAYS_IN_MONTH_MIN = 28
constant DAYS_IN_MONTH_MAX (line 12) | const DAYS_IN_MONTH_MAX = 31
constant MONTH_MAX (line 13) | const MONTH_MAX = 12
constant MONTH_MIN (line 14) | const MONTH_MIN = 1
constant DAY_MIN (line 15) | const DAY_MIN = 1
constant DAYS_IN_WEEK (line 16) | const DAYS_IN_WEEK = 7
constant MINUTES_IN_HOUR (line 17) | const MINUTES_IN_HOUR = 60
constant MINUTE_MAX (line 18) | const MINUTE_MAX = 59
constant MINUTES_IN_DAY (line 19) | const MINUTES_IN_DAY = 24 * 60
constant HOURS_IN_DAY (line 20) | const HOURS_IN_DAY = 24
constant HOUR_MAX (line 21) | const HOUR_MAX = 23
constant FIRST_HOUR (line 22) | const FIRST_HOUR = 0
constant OFFSET_YEAR (line 23) | const OFFSET_YEAR = 10000
constant OFFSET_MONTH (line 24) | const OFFSET_MONTH = 100
constant OFFSET_HOUR (line 25) | const OFFSET_HOUR = 100
constant OFFSET_TIME (line 26) | const OFFSET_TIME = 10000
type CalendarTimestampFormatOptions (line 28) | type CalendarTimestampFormatOptions = (timestamp: CalendarTimestamp, sho...
type CalendarTimestampOperation (line 29) | type CalendarTimestampOperation = (timestamp: CalendarTimestamp) => Cale...
type VTime (line 30) | type VTime = number | string | {
type VTimestampInput (line 35) | type VTimestampInput = number | string | Date;
function getStartOfWeek (line 37) | function getStartOfWeek (timestamp: CalendarTimestamp, weekdays: number[...
function getEndOfWeek (line 48) | function getEndOfWeek (timestamp: CalendarTimestamp, weekdays: number[],...
function getStartOfMonth (line 59) | function getStartOfMonth (timestamp: CalendarTimestamp): CalendarTimesta...
function getEndOfMonth (line 68) | function getEndOfMonth (timestamp: CalendarTimestamp): CalendarTimestamp {
function validateNumber (line 77) | function validateNumber (input: any): boolean {
function validateTime (line 81) | function validateTime (input: any): input is VTime {
function parseTime (line 87) | function parseTime (input: any): number | false {
function validateTimestamp (line 112) | function validateTimestamp (input: any): input is VTimestampInput {
function parseTimestamp (line 120) | function parseTimestamp (input: VTimestampInput | null, required = false...
function parseDate (line 179) | function parseDate (date: Date): CalendarTimestamp {
function getDayIdentifier (line 197) | function getDayIdentifier (timestamp: { year: number, month: number, day...
function getTimeIdentifier (line 201) | function getTimeIdentifier (timestamp: { hour: number, minute: number })...
function getTimestampIdentifier (line 205) | function getTimestampIdentifier (timestamp: CalendarTimestamp): number {
function updateRelative (line 209) | function updateRelative (timestamp: CalendarTimestamp, now: CalendarTime...
function isTimedless (line 227) | function isTimedless (input: VTimestampInput): input is (Date | number) {
function updateHasTime (line 231) | function updateHasTime (timestamp: CalendarTimestamp, hasTime: boolean, ...
function updateMinutes (line 247) | function updateMinutes (timestamp: CalendarTimestamp, minutes: number, n...
function updateWeekday (line 260) | function updateWeekday (timestamp: CalendarTimestamp): CalendarTimestamp {
function updateFormatted (line 266) | function updateFormatted (timestamp: CalendarTimestamp): CalendarTimesta...
function getWeekday (line 273) | function getWeekday (timestamp: CalendarTimestamp): number {
function daysInMonth (line 287) | function daysInMonth (year: number, month: number) {
function copyTimestamp (line 293) | function copyTimestamp (timestamp: CalendarTimestamp | null): CalendarTi...
function padNumber (line 301) | function padNumber (x: number, length: number): string {
function getDate (line 310) | function getDate (timestamp: CalendarTimestamp): string {
function getTime (line 318) | function getTime (timestamp: CalendarTimestamp): string {
function nextMinutes (line 326) | function nextMinutes (timestamp: CalendarTimestamp, minutes: number): Ca...
function nextDay (line 340) | function nextDay (timestamp: CalendarTimestamp): CalendarTimestamp {
function prevDay (line 355) | function prevDay (timestamp: CalendarTimestamp): CalendarTimestamp {
function relativeDays (line 370) | function relativeDays (
function diffMinutes (line 380) | function diffMinutes (min: CalendarTimestamp, max: CalendarTimestamp) {
function findWeekday (line 390) | function findWeekday (timestamp: CalendarTimestamp, weekday: number,
function getWeekdaySkips (line 397) | function getWeekdaySkips (weekdays: number[]): number[] {
function timestampToDate (line 418) | function timestampToDate (timestamp: CalendarTimestamp): Date {
function createDayList (line 425) | function createDayList (
function createIntervalList (line 462) | function createIntervalList (
function createNativeLocaleFormatter (line 480) | function createNativeLocaleFormatter (locale: string, getOptions: Calend...
function validateWeekdays (line 498) | function validateWeekdays (input: string | (number | string)[]): boolean {
FILE: packages/vuetify/src/components/VCard/VCard.tsx
type VCardSlots (line 87) | type VCardSlots = VCardItemSlots & {
method setup (line 103) | setup (props, { attrs, slots }) {
type VCard (line 249) | type VCard = InstanceType<typeof VCard>
FILE: packages/vuetify/src/components/VCard/VCardActions.tsx
method setup (line 19) | setup (props, { slots }) {
type VCardActions (line 42) | type VCardActions = InstanceType<typeof VCardActions>
FILE: packages/vuetify/src/components/VCard/VCardItem.tsx
type VCardItemSlots (line 18) | type VCardItemSlots = {
method setup (line 50) | setup (props, { slots }) {
type VCardItem (line 170) | type VCardItem = InstanceType<typeof VCardItem>
FILE: packages/vuetify/src/components/VCard/VCardSubtitle.tsx
method setup (line 20) | setup (props, { slots }) {
type VCardSubtitle (line 39) | type VCardSubtitle = InstanceType<typeof VCardSubtitle>
FILE: packages/vuetify/src/components/VCard/VCardText.tsx
method setup (line 20) | setup (props, { slots }) {
type VCardText (line 39) | type VCardText = InstanceType<typeof VCardText>
FILE: packages/vuetify/src/components/VCard/VCardTitle.ts
type VCardTitle (line 6) | type VCardTitle = InstanceType<typeof VCardTitle>
FILE: packages/vuetify/src/components/VCarousel/VCarousel.tsx
type VCarouselSlots (line 53) | type VCarouselSlots = Omit<VWindowSlots, 'additional'> & {
method setup (line 79) | setup (props, { slots }) {
type VCarousel (line 215) | type VCarousel = InstanceType<typeof VCarousel>
FILE: packages/vuetify/src/components/VCarousel/VCarouselItem.tsx
method setup (line 23) | setup (props, { slots, attrs }) {
type VCarouselItem (line 47) | type VCarouselItem = InstanceType<typeof VCarouselItem>
FILE: packages/vuetify/src/components/VCheckbox/VCheckbox.tsx
type VCheckboxSlots (line 22) | type VCheckboxSlots = Omit<VInputSlots, 'default'> & VSelectionControlSlots
method setup (line 47) | setup (props, { attrs, slots }) {
type VCheckbox (line 105) | type VCheckbox = InstanceType<typeof VCheckbox>
FILE: packages/vuetify/src/components/VCheckbox/VCheckboxBtn.tsx
method setup (line 45) | setup (props, { slots }) {
type VCheckboxBtn (line 92) | type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>
FILE: packages/vuetify/src/components/VCheckbox/__tests__/VCheckbox.spec.tsx
function mountFunction (line 10) | function mountFunction (component: any, options = {}) {
FILE: packages/vuetify/src/components/VChip/VChip.tsx
type VChipSlots (line 40) | type VChipSlots = {
method setup (line 127) | setup (props, { attrs, emit, slots }) {
type VChip (line 391) | type VChip = InstanceType<typeof VChip>
FILE: packages/vuetify/src/components/VChipGroup/VChipGroup.tsx
type VChipGroupSlots (line 42) | type VChipGroupSlots = {
method setup (line 67) | setup (props, { slots }) {
type VChipGroup (line 112) | type VChipGroup = InstanceType<typeof VChipGroup>
FILE: packages/vuetify/src/components/VCode/index.ts
type VCode (line 9) | type VCode = InstanceType<typeof VCode>
FILE: packages/vuetify/src/components/VColorPicker/VColorPicker.tsx
method setup (line 73) | setup (props, { slots }) {
type VColorPicker (line 221) | type VColorPicker = InstanceType<typeof VColorPicker>
FILE: packages/vuetify/src/components/VColorPicker/VColorPickerCanvas.tsx
method setup (line 48) | setup (props, { emit }) {
type VColorPickerCanvas (line 213) | type VColorPickerCanvas = InstanceType<typeof VColorPickerCanvas>
FILE: packages/vuetify/src/components/VColorPicker/VColorPickerEdit.tsx
method setup (line 59) | setup (props, { emit }) {
type VColorPickerEdit (line 122) | type VColorPickerEdit = InstanceType<typeof VColorPickerEdit>
FILE: packages/vuetify/src/components/VColorPicker/VColorPickerPreview.tsx
method setup (line 55) | setup (props, { emit }) {
type VColorPickerPreview (line 146) | type VColorPickerPreview = InstanceType<typeof VColorPickerPreview>
FILE: packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.tsx
function parseDefaultColors (line 42) | function parseDefaultColors (colors: Record<string, Record<string, strin...
method setup (line 73) | setup (props, { emit }) {
type VColorPickerSwatches (line 132) | type VColorPickerSwatches = InstanceType<typeof VColorPickerSwatches>
FILE: packages/vuetify/src/components/VColorPicker/util/index.ts
function stripAlpha (line 15) | function stripAlpha (color: any, stripAlpha: boolean) {
function extractColor (line 25) | function extractColor (color: HSV, input: any) {
function hasAlpha (line 55) | function hasAlpha (color: any) {
type ColorPickerMode (line 71) | type ColorPickerMode = {
FILE: packages/vuetify/src/components/VCombobox/VCombobox.tsx
type Primitive (line 56) | type Primitive = string | number | boolean | symbol
type Val (line 58) | type Val <T, ReturnObject extends boolean> = string | ([T] extends [Prim...
type Value (line 62) | type Value <T, ReturnObject extends boolean, Multiple extends boolean> =
type ItemType (line 86) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 129) | setup (props, { emit, slots }) {
type VCombobox (line 825) | type VCombobox = InstanceType<typeof VCombobox>
FILE: packages/vuetify/src/components/VCombobox/__tests__/VCombobox-multiple.spec.ts
type Instance (line 15) | type Instance = InstanceType<typeof VCombobox>
function createMultipleCombobox (line 40) | function createMultipleCombobox (propsData) {
FILE: packages/vuetify/src/components/VCombobox/__tests__/VCombobox.spec.ts
type Instance (line 14) | type Instance = InstanceType<typeof VCombobox>
FILE: packages/vuetify/src/components/VConfirmEdit/VConfirmEdit.tsx
type VConfirmEditSlots (line 16) | type VConfirmEditSlots<T> = {
method setup (line 62) | setup (props, { emit, slots }) {
type VConfirmEdit (line 154) | type VConfirmEdit = InstanceType<typeof VConfirmEdit>
FILE: packages/vuetify/src/components/VCounter/VCounter.tsx
type VCounterSlot (line 33) | type VCounterSlot = {
type VCounterSlots (line 39) | type VCounterSlots = {
method setup (line 50) | setup (props, { slots }) {
type VCounter (line 85) | type VCounter = InstanceType<typeof VCounter>
FILE: packages/vuetify/src/components/VDataIterator/VDataIterator.tsx
type VDataIteratorSlotProps (line 37) | type VDataIteratorSlotProps<T> = {
type VDataIteratorSlots (line 60) | type VDataIteratorSlots<T> = {
method setup (line 111) | setup (props, { slots }) {
type VDataIterator (line 228) | type VDataIterator = InstanceType<typeof VDataIterator>
FILE: packages/vuetify/src/components/VDataIterator/__tests__/VDataIterator.spec.browser.tsx
constant DESSERT_ITEMS (line 5) | const DESSERT_ITEMS = [
FILE: packages/vuetify/src/components/VDataIterator/composables/items.ts
type DataIteratorItemProps (line 12) | interface DataIteratorItemProps {
type DataIteratorItem (line 19) | interface DataIteratorItem<T = any> extends Omit<InternalItem<T>, 'type'...
function transformItem (line 40) | function transformItem (
function transformItems (line 55) | function transformItems (
function useDataIteratorItems (line 68) | function useDataIteratorItems (props: DataIteratorItemProps) {
FILE: packages/vuetify/src/components/VDataTable/VDataTable.tsx
type VDataTableSlotProps (line 41) | type VDataTableSlotProps<T> = {
type VDataTableSlots (line 68) | type VDataTableSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlot...
type ItemType (line 108) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 138) | setup (props, { attrs, slots }) {
type VDataTable (line 332) | type VDataTable = InstanceType<typeof VDataTable>
FILE: packages/vuetify/src/components/VDataTable/VDataTableFooter.tsx
method setup (line 80) | setup (props, { slots }) {
type VDataTableFooter (line 154) | type VDataTableFooter = InstanceType<typeof VDataTableFooter>
FILE: packages/vuetify/src/components/VDataTable/VDataTableGroupHeaderRow.tsx
type VDataTableGroupHeaderRowSlots (line 21) | type VDataTableGroupHeaderRowSlots = {
method setup (line 47) | setup (props, { slots }) {
FILE: packages/vuetify/src/components/VDataTable/VDataTableHeaders.tsx
type HeadersSlotProps (line 31) | type HeadersSlotProps = {
type VDataTableHeaderCellColumnSlotProps (line 43) | type VDataTableHeaderCellColumnSlotProps = {
type VDataTableHeadersSlots (line 54) | type VDataTableHeadersSlots = {
method setup (line 96) | setup (props, { slots }) {
type VDataTableHeaders (line 375) | type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>
FILE: packages/vuetify/src/components/VDataTable/VDataTableRow.tsx
type VDataTableItemCellColumnSlotProps (line 25) | type VDataTableItemCellColumnSlotProps<T> = Omit<ItemKeySlot<T>, 'value'...
type VDataTableRowSlots (line 29) | type VDataTableRowSlots<T> = {
method setup (line 72) | setup (props, { slots }) {
type VDataTableRow (line 230) | type VDataTableRow = InstanceType<typeof VDataTableRow>
FILE: packages/vuetify/src/components/VDataTable/VDataTableRows.tsx
type VDataTableRowsSlots (line 25) | type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTable...
method setup (line 70) | setup (props, { attrs, slots }) {
type VDataTableRows (line 205) | type VDataTableRows = InstanceType<typeof VDataTableRows>
FILE: packages/vuetify/src/components/VDataTable/VDataTableServer.tsx
type ItemType (line 41) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 70) | setup (props, { attrs, slots }) {
type VDataTableServer (line 222) | type VDataTableServer = InstanceType<typeof VDataTableServer>
FILE: packages/vuetify/src/components/VDataTable/VDataTableVirtual.tsx
type VDataTableVirtualSlotProps (line 33) | type VDataTableVirtualSlotProps<T> = Omit<
type VDataTableVirtualSlots (line 44) | type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHead...
type ItemType (line 66) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 93) | setup (props, { attrs, slots }) {
type VDataTableVirtual (line 297) | type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>
FILE: packages/vuetify/src/components/VDataTable/__tests__/MobileRow.spec.ts
type Instance (line 13) | type Instance = InstanceType<typeof MobileRow>
FILE: packages/vuetify/src/components/VDataTable/__tests__/Row.spec.ts
type Instance (line 13) | type Instance = InstanceType<typeof Row>
FILE: packages/vuetify/src/components/VDataTable/__tests__/RowGroup.spec.ts
type Instance (line 12) | type Instance = InstanceType<typeof RowGroup>
FILE: packages/vuetify/src/components/VDataTable/__tests__/VDataTable.spec.cy.tsx
constant DESSERT_HEADERS (line 10) | const DESSERT_HEADERS = [
constant DESSERT_ITEMS (line 20) | const DESSERT_ITEMS = [
FILE: packages/vuetify/src/components/VDataTable/__tests__/VDataTable.spec.ts
type Instance (line 126) | type Instance = InstanceType<typeof VDataTable>
method body (line 176) | body (props) {
method foot (line 193) | foot (props) {
method 'footer.prepend' (line 427) | 'footer.prepend' () {
method 'footer.page-text' (line 443) | 'footer.page-text' ({ pageStart, pageStop }) {
method item (line 775) | item () {
FILE: packages/vuetify/src/components/VDataTable/__tests__/VDataTableHeader.spec.ts
type Instance (line 42) | type Instance = InstanceType<typeof VDataTableHeader>
FILE: packages/vuetify/src/components/VDataTable/__tests__/VDataTableServer.spec.cy.tsx
constant DESSERT_HEADERS (line 9) | const DESSERT_HEADERS = [
constant DESSERT_ITEMS (line 18) | const DESSERT_ITEMS = [
function load (line 125) | function load (opts: { page: number, itemsPerPage: number }) {
function load (line 160) | function load (opts: { page: number, itemsPerPage: number }) {
function load (line 207) | function load (opts: { page: number, itemsPerPage: number }) {
function load (line 253) | function load (opts: { page: number, itemsPerPage: number, search: strin...
FILE: packages/vuetify/src/components/VDataTable/__tests__/VDataTableVirtual.spec.browser.tsx
constant DESSERT_HEADERS (line 5) | const DESSERT_HEADERS = [
constant DESSERT_ITEMS (line 14) | const DESSERT_ITEMS = [
FILE: packages/vuetify/src/components/VDataTable/__tests__/VEditDialog.spec.ts
type Instance (line 16) | type Instance = InstanceType<typeof VEditDialog>
method render (line 114) | render () {
method data (line 119) | data () {
method render (line 154) | render () {
method render (line 168) | render () {
method render (line 191) | render () {
FILE: packages/vuetify/src/components/VDataTable/__tests__/VSimpleTable.spec.ts
type Instance (line 12) | type Instance = InstanceType<typeof VSimpleTable>
FILE: packages/vuetify/src/components/VDataTable/__tests__/VVirtualTable.spec.ts
type Instance (line 13) | type Instance = InstanceType<typeof VVirtualTable>
method items (line 42) | items (props) {
FILE: packages/vuetify/src/components/VDataTable/__tests__/sort.spec.ts
function transformItems (line 13) | function transformItems (items: any[], headers?: DataTableHeader[]) {
function sortItems (line 25) | function sortItems (items: any[], sortBy: SortItem[], sortFunctions?: Re...
FILE: packages/vuetify/src/components/VDataTable/composables/expand.ts
type ExpandProps (line 29) | type ExpandProps = {
function provideExpanded (line 35) | function provideExpanded (props: ExpandProps) {
function useExpanded (line 73) | function useExpanded () {
FILE: packages/vuetify/src/components/VDataTable/composables/group.ts
type GroupableItem (line 13) | interface GroupableItem<T = any> {
type Group (line 18) | interface Group<T = any> {
type GroupSummary (line 27) | interface GroupSummary<T = any> {
type GroupProps (line 52) | type GroupProps = {
function createGroupBy (line 57) | function createGroupBy (props: GroupProps) {
function provideGroupBy (line 63) | function provideGroupBy (options: {
function useGroupBy (line 120) | function useGroupBy () {
function groupItemsByProperty (line 128) | function groupItemsByProperty <T extends GroupableItem> (items: readonly...
function groupItems (line 144) | function groupItems <T extends GroupableItem> (items: readonly T[], grou...
function flattenItems (line 167) | function flattenItems <T extends GroupableItem> (
function useGroupedItems (line 196) | function useGroupedItems <T extends GroupableItem> (
FILE: packages/vuetify/src/components/VDataTable/composables/headers.ts
type HeaderProps (line 20) | type HeaderProps = {
function priorityQueue (line 28) | function priorityQueue <T> (arr: T[] = []) {
function extractLeaves (line 64) | function extractLeaves (item: InternalDataTableHeader, columns: Internal...
function extractKeys (line 76) | function extractKeys (headers: DeepReadonly<DataTableHeader[]>, keys = n...
function getDefaultItem (line 88) | function getDefaultItem (item: DeepReadonly<DataTableHeader>) {
function getDepth (line 95) | function getDepth (item: InternalDataTableHeader, depth = 0): number {
function parseFixedColumns (line 101) | function parseFixedColumns (items: InternalDataTableHeader[]) {
function setFixedOffset (line 179) | function setFixedOffset (item: InternalDataTableHeader, offset = 0) {
function setFixedEndOffset (line 195) | function setFixedEndOffset (item: InternalDataTableHeader, offset = 0) {
function parse (line 211) | function parse (items: InternalDataTableHeader[], maxDepth: number) {
function convertToInternalHeaders (line 250) | function convertToInternalHeaders (items: DeepReadonly<DataTableHeader[]...
function createHeaders (line 270) | function createHeaders (
function useHeaders (line 341) | function useHeaders () {
FILE: packages/vuetify/src/components/VDataTable/composables/items.ts
type DataTableItemProps (line 10) | interface DataTableItemProps {
function transformItem (line 36) | function transformItem (
function transformItems (line 60) | function transformItems (
function useDataTableItems (line 68) | function useDataTableItems (props: DataTableItemProps, columns: Ref<Inte...
FILE: packages/vuetify/src/components/VDataTable/composables/options.ts
function useOptions (line 9) | function useOptions ({
FILE: packages/vuetify/src/components/VDataTable/composables/paginate.ts
type VDataTablePaginationInjectionData (line 28) | type VDataTablePaginationInjectionData = {
type PaginationProps (line 43) | type PaginationProps = {
function createPagination (line 51) | function createPagination (props: PaginationProps) {
function providePagination (line 58) | function providePagination (options: {
function usePagination (line 113) | function usePagination () {
function usePaginatedItems (line 121) | function usePaginatedItems <T> (options: {
function usePaginatedGroups (line 143) | function usePaginatedGroups <T extends GroupableItem> (options: {
FILE: packages/vuetify/src/components/VDataTable/composables/select.ts
type SelectableItem (line 13) | interface SelectableItem {
type DataTableSelectStrategy (line 18) | interface DataTableSelectStrategy {
type SelectionProps (line 37) | type SelectionProps = Pick<DataTableItemProps, 'itemValue'> & {
function provideSelection (line 98) | function provideSelection (
function useSelection (line 208) | function useSelection () {
FILE: packages/vuetify/src/components/VDataTable/composables/sort.ts
type SortItem (line 38) | type SortItem = { key: string, order?: boolean | 'asc' | 'desc' }
type MultiSortProps (line 39) | type MultiSortProps = {
type MultiSortMode (line 45) | type MultiSortMode = 'append' | 'prepend'
type SortProps (line 47) | type SortProps = {
function createSort (line 55) | function createSort (props: SortProps) {
function resolveMultiSort (line 63) | function resolveMultiSort (
function provideSort (line 84) | function provideSort (options: {
function useSort (line 137) | function useSort () {
function useSortedItems (line 146) | function useSortedItems<T extends InternalItem> (
function sortItems (line 175) | function sortItems<T extends InternalItem> (
FILE: packages/vuetify/src/components/VDataTable/types.ts
type DataTableCompareFunction (line 8) | type DataTableCompareFunction<T = any> = (a: T, b: T) => number | null
type DataTableHeader (line 10) | type DataTableHeader<T = Record<string, any>> = {
type InternalDataTableHeader (line 35) | type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | '...
type DataTableItem (line 49) | interface DataTableItem<T = any> extends Omit<InternalItem<T>, 'type'>, ...
type GroupHeaderSlot (line 58) | type GroupHeaderSlot = {
type GroupSummarySlot (line 70) | type GroupSummarySlot = {
type ItemSlotBase (line 77) | type ItemSlotBase<T> = {
type ItemSlot (line 87) | type ItemSlot<T> = ItemSlotBase<T> & {
type ItemKeySlot (line 91) | type ItemKeySlot<T> = ItemSlotBase<T> & {
type RowProps (line 96) | type RowProps<T> = Record<string, any> | RowPropsFunction<T>
type RowPropsFunction (line 97) | type RowPropsFunction<T> = (
type CellProps (line 101) | type CellProps<T> = Record<string, any> | CellPropsFunction<T>
type CellPropsFunction (line 102) | type CellPropsFunction<T> = (
type HeaderCellProps (line 106) | type HeaderCellProps = Record<string, any> | HeaderCellPropsFunction
type HeaderCellPropsFunction (line 107) | type HeaderCellPropsFunction = (
FILE: packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
type VDatePickerSlots (line 35) | type VDatePickerSlots =
method setup (line 119) | setup (props, { emit, slots }) {
type VDatePicker (line 513) | type VDatePicker = InstanceType<typeof VDatePicker>
FILE: packages/vuetify/src/components/VDatePicker/VDatePickerControls.tsx
type ControlVariant (line 20) | type ControlVariant = 'docked' | 'modal'
type VDatePickerControlsDefaultSlotProps (line 22) | type VDatePickerControlsDefaultSlotProps = {
type VDatePickerControlsSlots (line 36) | type VDatePickerControlsSlots = {
method setup (line 90) | setup (props, { emit, slots }) {
type VDatePickerControls (line 332) | type VDatePickerControls = InstanceType<typeof VDatePickerControls>
FILE: packages/vuetify/src/components/VDatePicker/VDatePickerHeader.tsx
type VDatePickerHeaderSlots (line 17) | type VDatePickerHeaderSlots = {
method setup (line 41) | setup (props, { emit, slots }) {
type VDatePickerHeader (line 115) | type VDatePickerHeader = InstanceType<typeof VDatePickerHeader>
FILE: packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx
type DatePickerEventColorValue (line 22) | type DatePickerEventColorValue = boolean | string | string[]
type DatePickerEventColors (line 24) | type DatePickerEventColors = DatePickerEventColorValue |
type DatePickerEvents (line 27) | type DatePickerEvents = string[] |
type VDatePickerMonthSlots (line 30) | type VDatePickerMonthSlots = {
method setup (line 82) | setup (props, { emit, slots }) {
type VDatePickerMonth (line 318) | type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>
FILE: packages/vuetify/src/components/VDatePicker/VDatePickerMonths.tsx
type VDatePickerMonthsSlots (line 18) | type VDatePickerMonthsSlots = {
method setup (line 50) | setup (props, { emit, slots }) {
type VDatePickerMonths (line 142) | type VDatePickerMonths = InstanceType<typeof VDatePickerMonths>
FILE: packages/vuetify/src/components/VDatePicker/VDatePickerYears.tsx
type VDatePickerYearsSlots (line 22) | type VDatePickerYearsSlots = {
method setup (line 60) | setup (props, { emit, slots }) {
type VDatePickerYears (line 179) | type VDatePickerYears = InstanceType<typeof VDatePickerYears>
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePicker.a11y.spec.tsx
function mountFunction (line 11) | function mountFunction (component: any, options = {}) {
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePicker.date.spec.ts
type Instance (line 29) | type Instance = InstanceType<typeof VDatePicker>
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePicker.month.spec.ts
type Instance (line 25) | type Instance = InstanceType<typeof VDatePicker>
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePickerHeader.spec.ts
type Instance (line 24) | type Instance = InstanceType<typeof VDatePickerHeader>
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePickerTitle.spec.ts
type Instance (line 12) | type Instance = InstanceType<typeof VDatePickerTitle>
FILE: packages/vuetify/src/components/VDatePicker/__tests__/VDatePickerYears.spec.ts
type Instance (line 12) | type Instance = InstanceType<typeof VDatePickerYears>
FILE: packages/vuetify/src/components/VDefaultsProvider/VDefaultsProvider.tsx
method setup (line 25) | setup (props, { slots }) {
type VDefaultsProvider (line 39) | type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>
FILE: packages/vuetify/src/components/VDialog/VDialog.tsx
method setup (line 47) | setup (props, { emit, slots }) {
type VDialog (line 126) | type VDialog = InstanceType<typeof VDialog>
FILE: packages/vuetify/src/components/VDialog/__test__/VDialog.spec.browser.tsx
function createTestRouter (line 94) | function createTestRouter () {
function simulateBackNavigation (line 106) | async function simulateBackNavigation (router: ReturnType<typeof createT...
FILE: packages/vuetify/src/components/VDivider/VDivider.tsx
type DividerKey (line 16) | type DividerKey = 'borderRightWidth' | 'borderTopWidth' | 'height' | 'wi...
type DividerStyles (line 17) | type DividerStyles = Partial<Record<DividerKey, string>>
type Variant (line 20) | type Variant = typeof allowedVariants[number]
method setup (line 46) | setup (props, { attrs, slots }) {
type VDivider (line 137) | type VDivider = InstanceType<typeof VDivider>
FILE: packages/vuetify/src/components/VEmptyState/VEmptyState.tsx
type VEmptyStateSlots (line 27) | type VEmptyStateSlots = {
method setup (line 75) | setup (props, { emit, slots }) {
type VEmptyState (line 209) | type VEmptyState = InstanceType<typeof VEmptyState>
FILE: packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.tsx
type VExpansionPanelSlots (line 31) | type VExpansionPanelSlots = {
method setup (line 46) | setup (props, { slots }) {
type VExpansionPanel (line 139) | type VExpansionPanel = InstanceType<typeof VExpansionPanel>
FILE: packages/vuetify/src/components/VExpansionPanel/VExpansionPanelText.tsx
method setup (line 23) | setup (props, { slots }) {
type VExpansionPanelText (line 53) | type VExpansionPanelText = InstanceType<typeof VExpansionPanelText>
FILE: packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
type ExpansionPanelTitleSlot (line 23) | interface ExpansionPanelTitleSlot {
type VExpansionPanelTitleSlots (line 31) | type VExpansionPanelTitleSlots = {
method setup (line 66) | setup (props, { slots }) {
type VExpansionPanelTitle (line 132) | type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>
FILE: packages/vuetify/src/components/VExpansionPanel/VExpansionPanels.tsx
type Variant (line 26) | type Variant = typeof allowedVariants[number]
type VExpansionPanelSlot (line 28) | type VExpansionPanelSlot = {
type VExpansionPanelSlots (line 33) | type VExpansionPanelSlots = {
method setup (line 81) | setup (props, { slots }) {
type VExpansionPanels (line 131) | type VExpansionPanels = InstanceType<typeof VExpansionPanels>
FILE: packages/vuetify/src/components/VFab/VFab.tsx
method setup (line 49) | setup (props, { slots }) {
type VFab (line 143) | type VFab = InstanceType<typeof VFab>
FILE: packages/vuetify/src/components/VField/VField.tsx
type Variant (line 41) | type Variant = typeof allowedVariants[number]
type DefaultInputSlot (line 43) | interface DefaultInputSlot {
type VFieldSlot (line 52) | interface VFieldSlot extends DefaultInputSlot {
type VFieldSlots (line 103) | type VFieldSlots = {
method setup (line 137) | setup (props, { attrs, emit, slots }) {
type VField (line 461) | type VField = InstanceType<typeof VField>
FILE: packages/vuetify/src/components/VField/VFieldLabel.tsx
method setup (line 21) | setup (props, { slots }) {
type VFieldLabel (line 38) | type VFieldLabel = InstanceType<typeof VFieldLabel>
FILE: packages/vuetify/src/components/VFileInput/VFileInput.tsx
type VFileInputSlots (line 37) | type VFileInputSlots = VInputSlots & VFieldSlots & {
method setup (line 103) | setup (props, { attrs, emit, slots }) {
type VFileInput (line 375) | type VFileInput = InstanceType<typeof VFileInput>
FILE: packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.browser.tsx
method setup (line 155) | setup () {
FILE: packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.tsx
function mountFunction (line 10) | function mountFunction (component: any, options = {}) {
FILE: packages/vuetify/src/components/VFooter/VFooter.tsx
method setup (line 42) | setup (props, { slots }) {
type VFooter (line 101) | type VFooter = InstanceType<typeof VFooter>
FILE: packages/vuetify/src/components/VForm/VForm.tsx
type VFormSlots (line 18) | type VFormSlots = {
method setup (line 42) | setup (props, { slots, emit }) {
type VForm (line 102) | type VForm = InstanceType<typeof VForm>
FILE: packages/vuetify/src/components/VForm/__tests__/VForm.spec.cy.tsx
function onSubmit (line 144) | function onSubmit (e: SubmitEventPromise) {
FILE: packages/vuetify/src/components/VGrid/VCol.ts
type BreakpointOffset (line 17) | type BreakpointOffset = `offset${Capitalize<Breakpoint>}`
function parseCols (line 52) | function parseCols (val: boolean | string | number) {
function parseBreakpoint (line 60) | function parseBreakpoint (type: keyof typeof propMap, prop: string, val:...
constant ALIGN_SELF_VALUES (line 88) | const ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline',...
method setup (line 127) | setup (props, { slots }) {
type VCol (line 177) | type VCol = InstanceType<typeof VCol>
FILE: packages/vuetify/src/components/VGrid/VContainer.tsx
method setup (line 29) | setup (props, { slots }) {
type VContainer (line 53) | type VContainer = InstanceType<typeof VContainer>
FILE: packages/vuetify/src/components/VGrid/VRow.ts
constant ALIGNMENT (line 16) | const ALIGNMENT = ['start', 'end', 'center'] as const
constant SPACE (line 18) | const SPACE = ['space-between', 'space-around', 'space-evenly'] as const
constant ALIGN_VALUES (line 20) | const ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const
constant JUSTIFY_VALUES (line 23) | const JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const
constant ALIGN_CONTENT_VALUES (line 26) | const ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const
function breakpointClass (line 41) | function breakpointClass (type: keyof typeof classMap, prop: string, val...
method setup (line 109) | setup (props, { slots }) {
type VRow (line 170) | type VRow = InstanceType<typeof VRow>
FILE: packages/vuetify/src/components/VGrid/VSpacer.ts
type VSpacer (line 9) | type VSpacer = InstanceType<typeof VSpacer>
FILE: packages/vuetify/src/components/VGrid/__tests__/VCol.spec.browser.tsx
function expectedSize (line 9) | function expectedSize (cols: number, rowSize: number) {
function expectedShift (line 13) | function expectedShift (offset: number, rowSize: number) {
FILE: packages/vuetify/src/components/VGrid/__tests__/VCol.spec.ts
function mountFunction (line 9) | function mountFunction (template: string) {
FILE: packages/vuetify/src/components/VHotkey/VHotkey.tsx
type DisplayMode (line 57) | type DisplayMode = 'icon' | 'symbol' | 'text'
type HotkeyVariant (line 60) | type HotkeyVariant = 'elevated' | 'flat' | 'tonal' | 'outlined' | 'text'...
type KeyDisplay (line 63) | type KeyDisplay = [Exclude<DisplayMode, 'icon'>, string] | [Extract<Disp...
type Key (line 66) | type Key = [Exclude<DisplayMode, 'icon'>, string, string] | [Extract<Dis...
type KeyConfig (line 68) | type KeyConfig = {
type PlatformKeyConfig (line 74) | type PlatformKeyConfig = {
type KeyMapConfig (line 79) | type KeyMapConfig = Record<string, PlatformKeyConfig>
function processKey (line 81) | function processKey (config: PlatformKeyConfig, requestedMode: DisplayMo...
constant AND_DELINEATOR (line 195) | const AND_DELINEATOR = Symbol('VHotkey:AND_DELINEATOR') // For +_ separa...
constant OR_DELINEATOR (line 196) | const OR_DELINEATOR = Symbol('VHotkey:OR_DELINEATOR') // For / separators
constant THEN_DELINEATOR (line 197) | const THEN_DELINEATOR = Symbol('VHotkey:THEN_DELINEATOR') // For - separ...
type Delineator (line 198) | type Delineator = typeof AND_DELINEATOR | typeof OR_DELINEATOR | typeof ...
function getKeyText (line 200) | function getKeyText (keyMap: KeyMapConfig, key: string, isMac: boolean):...
function applyDisplayModeToKey (line 211) | function applyDisplayModeToKey (keyMap: KeyMapConfig, mode: DisplayMode,...
method setup (line 232) | setup (props) {
type VHotkey (line 444) | type VHotkey = InstanceType<typeof VHotkey>
FILE: packages/vuetify/src/components/VHotkey/__tests__/VHotkey.spec.browser.tsx
method setup (line 1488) | setup () {
method render (line 1492) | render () {
method setup (line 1542) | setup () {
method render (line 1547) | render () {
method setup (line 1588) | setup () {
method render (line 1593) | render () {
FILE: packages/vuetify/src/components/VHover/VHover.tsx
type VHoverSlots (line 8) | type VHoverSlots = {
method setup (line 34) | setup (props, { slots }) {
type VHover (line 48) | type VHover = InstanceType<typeof VHover>
FILE: packages/vuetify/src/components/VIcon/VIcon.tsx
method setup (line 35) | setup (props, { attrs, slots }) {
type VIcon (line 95) | type VIcon = InstanceType<typeof VIcon>
FILE: packages/vuetify/src/components/VImg/VImg.tsx
type srcObject (line 43) | interface srcObject {
type VImgSlots (line 50) | type VImgSlots = {
method setup (line 120) | setup (props, { attrs, emit, slots }) {
type VImg (line 409) | type VImg = InstanceType<typeof VImg>
FILE: packages/vuetify/src/components/VInfiniteScroll/VInfiniteScroll.tsx
type InfiniteScrollSide (line 21) | type InfiniteScrollSide = 'start' | 'end' | 'both'
type InfiniteScrollStatus (line 22) | type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error'
type InfiniteScrollSlot (line 24) | type InfiniteScrollSlot = {
type VInfiniteScrollSlots (line 29) | type VInfiniteScrollSlots = {
method setup (line 83) | setup (props, { emit }) {
method setup (line 113) | setup (props, { slots, emit }) {
type VInfiniteScroll (line 336) | type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>
FILE: packages/vuetify/src/components/VInput/InputIcon.tsx
type names (line 14) | type names = 'clear' | 'prepend' | 'append' | 'appendInner' | 'prependIn...
type InputIconProps (line 16) | type InputIconProps<T extends names> = {
type Listeners (line 24) | type Listeners<T extends {}, U = keyof T> = U extends `onClick:${infer V...
function useInputIcon (line 26) | function useInputIcon<T extends {}, K extends names = Listeners<T>> (pro...
FILE: packages/vuetify/src/components/VInput/VInput.tsx
type VInputSlot (line 26) | interface VInputSlot {
type VInputSlots (line 85) | type VInputSlots = {
method setup (line 110) | setup (props, { attrs, slots, emit }) {
type VInput (line 273) | type VInput = InstanceType<typeof VInput>
FILE: packages/vuetify/src/components/VItemGroup/VItem.tsx
type VItemSlots (line 8) | type VItemSlots = {
method setup (line 28) | setup (props, { slots }) {
type VItem (line 41) | type VItem = InstanceType<typeof VItem>
FILE: packages/vuetify/src/components/VItemGroup/VItemGroup.tsx
type VItemGroupSlots (line 27) | type VItemGroupSlots = {
method setup (line 52) | setup (props, { slots }) {
type VItemGroup (line 77) | type VItemGroup = InstanceType<typeof VItemGroup>
FILE: packages/vuetify/src/components/VKbd/VKbd.tsx
method setup (line 32) | setup (props, { slots }) {
type VKbd (line 62) | type VKbd = InstanceType<typeof VKbd>
FILE: packages/vuetify/src/components/VLabel/VLabel.tsx
method setup (line 25) | setup (props, { slots }) {
type VLabel (line 48) | type VLabel = InstanceType<typeof VLabel>
FILE: packages/vuetify/src/components/VLayout/VLayout.tsx
method setup (line 23) | setup (props, { slots }) {
type VLayout (line 51) | type VLayout = InstanceType<typeof VLayout>
FILE: packages/vuetify/src/components/VLayout/VLayoutItem.tsx
method setup (line 35) | setup (props, { slots }) {
type VLayoutItem (line 63) | type VLayoutItem = InstanceType<typeof VLayoutItem>
FILE: packages/vuetify/src/components/VLazy/VLazy.tsx
method setup (line 47) | setup (props, { slots }) {
type VLazy (line 89) | type VLazy = InstanceType<typeof VLazy>
FILE: packages/vuetify/src/components/VList/VList.tsx
type InternalListItem (line 45) | interface InternalListItem<T = any> extends ListItem<T> {}
function transformItem (line 49) | function transformItem (props: ItemProps, item: any): ListItem {
function transformItems (line 78) | function transformItems (props: ItemProps, items: (string | object)[]) {
function useListItems (line 88) | function useListItems (props: ItemProps) {
type ItemType (line 137) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 171) | setup (props, { attrs, slots, emit }) {
type VList (line 419) | type VList = InstanceType<typeof VList>
FILE: packages/vuetify/src/components/VList/VListChildren.tsx
type VListChildrenSlots (line 18) | type VListChildrenSlots<T> = {
method setup (line 44) | setup (props, { slots }) {
FILE: packages/vuetify/src/components/VList/VListGroup.tsx
type VListGroupSlots (line 18) | type VListGroupSlots = {
method setup (line 26) | setup (_, { slots }) {
method setup (line 64) | setup (props, { slots }) {
type VListGroup (line 140) | type VListGroup = InstanceType<typeof VListGroup>
FILE: packages/vuetify/src/components/VList/VListImg.ts
type VListImg (line 6) | type VListImg = InstanceType<typeof VListImg>
FILE: packages/vuetify/src/components/VList/VListItem.tsx
type ListItemSlot (line 37) | type ListItemSlot = {
type ListItemTitleSlot (line 51) | type ListItemTitleSlot = {
type ListItemSubtitleSlot (line 55) | type ListItemSubtitleSlot = {
type VListItemSlots (line 59) | type VListItemSlots = {
method setup (line 131) | setup (props, { attrs, slots, emit }) {
type VListItem (line 454) | type VListItem = InstanceType<typeof VListItem>
FILE: packages/vuetify/src/components/VList/VListItemAction.tsx
method setup (line 21) | setup (props, { slots }) {
type VListItemAction (line 41) | type VListItemAction = InstanceType<typeof VListItemAction>
FILE: packages/vuetify/src/components/VList/VListItemMedia.tsx
method setup (line 21) | setup (props, { slots }) {
type VListItemMedia (line 43) | type VListItemMedia = InstanceType<typeof VListItemMedia>
FILE: packages/vuetify/src/components/VList/VListItemSubtitle.tsx
method setup (line 20) | setup (props, { slots }) {
type VListItemSubtitle (line 39) | type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>
FILE: packages/vuetify/src/components/VList/VListItemTitle.ts
type VListItemTitle (line 6) | type VListItemTitle = InstanceType<typeof VListItemTitle>
FILE: packages/vuetify/src/components/VList/VListSubheader.tsx
method setup (line 24) | setup (props, { slots }) {
type VListSubheader (line 59) | type VListSubheader = InstanceType<typeof VListSubheader>
FILE: packages/vuetify/src/components/VList/__tests__/VList.spec.browser.tsx
constant FAKE_ROUTES (line 9) | const FAKE_ROUTES = [
constant NESTED_ITEMS (line 16) | const NESTED_ITEMS = [
FILE: packages/vuetify/src/components/VList/__tests__/VList.spec.ts
function mountFunction (line 11) | function mountFunction (options = {}) {
FILE: packages/vuetify/src/components/VList/__tests__/VListItemMedia.spec.ts
function mountFunction (line 11) | function mountFunction (options = {}) {
FILE: packages/vuetify/src/components/VList/list.ts
function useDepth (line 10) | function useDepth (hasPrepend?: Ref<boolean>) {
type InjectedListOptions (line 30) | type InjectedListOptions = {
function createList (line 37) | function createList (options: InjectedListOptions = { filterable: false ...
function useList (line 70) | function useList () {
FILE: packages/vuetify/src/components/VLocaleProvider/VLocaleProvider.tsx
method setup (line 28) | setup (props, { slots }) {
type VLocaleProvider (line 48) | type VLocaleProvider = InstanceType<typeof VLocaleProvider>
FILE: packages/vuetify/src/components/VMain/VMain.tsx
method setup (line 27) | setup (props, { slots }) {
type VMain (line 61) | type VMain = InstanceType<typeof VMain>
FILE: packages/vuetify/src/components/VMenu/VMenu.tsx
method setup (line 72) | setup (props, { slots }) {
type VMenu (line 222) | type VMenu = InstanceType<typeof VMenu>
FILE: packages/vuetify/src/components/VMenu/__tests__/VMenu.spec.ts
type Instance (line 18) | type Instance = InstanceType<typeof VMenu>
method default (line 179) | default () {
method default (line 235) | default () {
method default (line 270) | default () {
FILE: packages/vuetify/src/components/VMenu/shared.ts
type MenuProvide (line 4) | interface MenuProvide {
FILE: packages/vuetify/src/components/VMessages/VMessages.tsx
type VMessageSlot (line 19) | type VMessageSlot = {
type VMessagesSlots (line 23) | type VMessagesSlots = {
method setup (line 50) | setup (props, { slots }) {
type VMessages (line 85) | type VMessages = InstanceType<typeof VMessages>
FILE: packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx
type VNavigationDrawerImageSlot (line 37) | type VNavigationDrawerImageSlot = {
type VNavigationDrawerSlots (line 41) | type VNavigationDrawerSlots = {
method setup (line 110) | setup (props, { attrs, emit, slots }) {
type VNavigationDrawer (line 326) | type VNavigationDrawer = InstanceType<typeof VNavigationDrawer>
FILE: packages/vuetify/src/components/VNavigationDrawer/sticky.ts
type StickyProps (line 8) | interface StickyProps {
function useSticky (line 14) | function useSticky ({ rootEl, isSticky, layoutItemStyles }: StickyProps) {
FILE: packages/vuetify/src/components/VNavigationDrawer/touch.ts
function useTouch (line 12) | function useTouch ({
function oops (line 209) | function oops (): never {
FILE: packages/vuetify/src/components/VNoSsr/VNoSsr.tsx
method setup (line 10) | setup (_, { slots }) {
type VNoSsr (line 17) | type VNoSsr = InstanceType<typeof VNoSsr>
FILE: packages/vuetify/src/components/VNumberInput/VNumberInput.tsx
type ControlSlot (line 25) | type ControlSlot = {
type VNumberInputSlots (line 29) | type VNumberInputSlots = Omit<VTextFieldSlots, 'default'> & {
type ControlVariant (line 34) | type ControlVariant = 'default' | 'stacked' | 'split' | 'hidden'
method setup (line 87) | setup (props, { slots }) {
type VNumberInput (line 536) | type VNumberInput = InstanceType<typeof VNumberInput>
FILE: packages/vuetify/src/components/VNumberInput/hold.ts
constant HOLD_REPEAT (line 4) | const HOLD_REPEAT = 50
constant HOLD_DELAY (line 5) | const HOLD_DELAY = 500
function useHold (line 7) | function useHold ({ toggleUpDown }: { toggleUpDown: (increment: boolean)...
FILE: packages/vuetify/src/components/VOtpInput/VOtpInput.tsx
type VOtpInputSlots (line 27) | type VOtpInputSlots = {
method setup (line 86) | setup (props, { attrs, emit, slots }) {
type VOtpInput (line 404) | type VOtpInput = InstanceType<typeof VOtpInput>
FILE: packages/vuetify/src/components/VOverflowBtn/VOverflowBtn.ts
method classes (line 28) | classes (): object {
method isAnyValueAllowed (line 36) | isAnyValueAllowed (): boolean {
method isSingle (line 40) | isSingle (): true {
method computedItems (line 43) | computedItems (): object[] {
method labelValue (line 46) | labelValue (): boolean {
method genSelections (line 52) | genSelections () {
method genCommaSelection (line 57) | genCommaSelection (item: any, index: number, last: boolean) {
method genInput (line 62) | genInput () {
method genLabel (line 71) | genLabel () {
method genSegmentedBtn (line 85) | genSegmentedBtn (item: any) {
method updateValue (line 104) | updateValue (val: boolean) {
FILE: packages/vuetify/src/components/VOverflowBtn/__tests__/VOverflowBtn.spec.ts
type Instance (line 15) | type Instance = ExtractVue<typeof VOverflowBtn>
FILE: packages/vuetify/src/components/VOverlay/VOverlay.tsx
type ScrimProps (line 55) | interface ScrimProps {
function Scrim (line 60) | function Scrim (props: ScrimProps) {
type OverlaySlots (line 78) | type OverlaySlots = {
method setup (line 139) | setup (props, { slots, attrs, emit }) {
type VOverlay (line 381) | type VOverlay = InstanceType<typeof VOverlay>
FILE: packages/vuetify/src/components/VOverlay/locationStrategies.ts
type LocationStrategyData (line 31) | interface LocationStrategyData {
type LocationStrategyFunction (line 38) | type LocationStrategyFunction = (
type StrategyProps (line 49) | interface StrategyProps {
function useLocationStrategies (line 84) | function useLocationStrategies (
function staticLocationStrategy (line 131) | function staticLocationStrategy () {
function getIntrinsicSize (line 136) | function getIntrinsicSize (el: HTMLElement, isRtl: boolean) {
function connectedLocationStrategy (line 170) | function connectedLocationStrategy (data: LocationStrategyData, props: S...
function pixelRound (line 504) | function pixelRound (val: number) {
function pixelCeil (line 508) | function pixelCeil (val: number) {
FILE: packages/vuetify/src/components/VOverlay/requestNewFrame.ts
function requestNewFrame (line 8) | function requestNewFrame (cb: () => void) {
function run (line 20) | function run () {
FILE: packages/vuetify/src/components/VOverlay/scrollStrategies.ts
type ScrollStrategyData (line 9) | interface ScrollStrategyData {
type ScrollStrategyFunction (line 18) | type ScrollStrategyFunction = (data: ScrollStrategyData, props: Strategy...
type StrategyProps (line 27) | interface StrategyProps {
function useScrollStrategies (line 40) | function useScrollStrategies (
function closeScrollStrategy (line 68) | function closeScrollStrategy (data: ScrollStrategyData) {
function blockScrollStrategy (line 76) | function blockScrollStrategy (data: ScrollStrategyData, props: StrategyP...
function repositionScrollStrategy (line 125) | function repositionScrollStrategy (data: ScrollStrategyData, props: Stra...
function getTargetEl (line 166) | function getTargetEl (
function bindScroll (line 175) | function bindScroll (el: Element | undefined, onScroll: (e: Event) => vo...
FILE: packages/vuetify/src/components/VOverlay/useActivator.tsx
type ActivatorProps (line 39) | interface ActivatorProps extends DelayProps {
function useActivator (line 74) | function useActivator (
function _useActivator (line 274) | function _useActivator (
function getTarget (line 319) | function getTarget<T extends 'parent' | string | Element | ComponentPubl...
FILE: packages/vuetify/src/components/VOverlay/util/point.ts
type Point (line 5) | type Point = { x: number, y: number }
class As (line 6) | class As<T extends string> {
type ElementPoint (line 9) | type ElementPoint = Point & As<'element'>
type ViewportPoint (line 10) | type ViewportPoint = Point & As<'viewport'>
type Offset (line 11) | type Offset = Point & As<'offset'>
function elementToViewport (line 14) | function elementToViewport (point: ElementPoint, offset: Offset | Box) {
function viewportToElement (line 22) | function viewportToElement (point: ViewportPoint, offset: Offset | Box) {
function getOffset (line 30) | function getOffset<T extends Point> (a: T, b: T) {
function anchorToPoint (line 38) | function anchorToPoint (anchor: ParsedAnchor, box: Box): ViewportPoint {
FILE: packages/vuetify/src/components/VPagination/VPagination.tsx
type ItemSlot (line 32) | type ItemSlot = {
type ControlSlot (line 39) | type ControlSlot = {
type VPaginationSlots (line 47) | type VPaginationSlots = {
method setup (line 146) | setup (props, { slots, emit }) {
type VPagination (line 402) | type VPagination = InstanceType<typeof VPagination>
FILE: packages/vuetify/src/components/VParallax/VParallax.tsx
function floor (line 20) | function floor (val: number) {
method setup (line 38) | setup (props, { slots }) {
type VParallax (line 114) | type VParallax = InstanceType<typeof VParallax>
FILE: packages/vuetify/src/components/VProgressCircular/VProgressCircular.tsx
type VProgressCircularSlots (line 46) | type VProgressCircularSlots = {
method setup (line 55) | setup (props, { slots }) {
type VProgressCircular (line 176) | type VProgressCircular = InstanceType<typeof VProgressCircular>
FILE: packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx
type VProgressLinearSlots (line 22) | type VProgressLinearSlots = {
method setup (line 78) | setup (props, { slots }) {
type VProgressLinear (line 265) | type VProgressLinear = InstanceType<typeof VProgressLinear>
FILE: packages/vuetify/src/components/VProgressLinear/chunks.ts
type ChunksProps (line 8) | interface ChunksProps {
function useChunks (line 30) | function useChunks (
FILE: packages/vuetify/src/components/VRadio/VRadio.tsx
method setup (line 22) | setup (props, { slots }) {
type VRadio (line 44) | type VRadio = InstanceType<typeof VRadio>
FILE: packages/vuetify/src/components/VRadioGroup/VRadioGroup.tsx
type VRadioGroupSlots (line 23) | type VRadioGroupSlots = Omit<VInputSlots, 'default'> & {
method setup (line 71) | setup (props, { attrs, slots }) {
type VRadioGroup (line 143) | type VRadioGroup = InstanceType<typeof VRadioGroup>
FILE: packages/vuetify/src/components/VRangeSlider/VRangeSlider.tsx
method setup (line 51) | setup (props, { slots, emit, attrs }) {
type VRangeSlider (line 307) | type VRangeSlider = InstanceType<typeof VRangeSlider>
FILE: packages/vuetify/src/components/VRating/VRating.tsx
type VRatingItemSlot (line 25) | type VRatingItemSlot = {
type VRatingItemLabelSlot (line 36) | type VRatingItemLabelSlot = {
type VRatingSlots (line 42) | type VRatingSlots = {
method setup (line 100) | setup (props, { slots }) {
type VRating (line 297) | type VRating = InstanceType<typeof VRating>
FILE: packages/vuetify/src/components/VResponsive/VResponsive.tsx
type VResponsiveSlots (line 12) | type VResponsiveSlots = {
function useAspectStyles (line 17) | function useAspectStyles (props: { aspectRatio?: string | number }) {
method setup (line 43) | setup (props, { slots }) {
type VResponsive (line 73) | type VResponsive = InstanceType<typeof VResponsive>
FILE: packages/vuetify/src/components/VResponsive/__tests__/VResponsive.spec.ts
function mountFunction (line 12) | function mountFunction (options = {}) {
FILE: packages/vuetify/src/components/VSelect/VSelect.tsx
type Primitive (line 56) | type Primitive = string | number | boolean | symbol
type Val (line 58) | type Val <T, ReturnObject extends boolean> = [T] extends [Primitive]
type Value (line 62) | type Value <T, ReturnObject extends boolean, Multiple extends boolean> =
type ItemType (line 110) | type ItemType<T> = T extends readonly (infer U)[] ? U : never
method setup (line 153) | setup (props, { slots }) {
type VSelect (line 751) | type VSelect = InstanceType<typeof VSelect>
FILE: packages/vuetify/src/components/VSelect/useScrolling.ts
function useScrolling (line 9) | function useScrolling (listRef: Ref<VList | undefined>, textFieldRef: Re...
FILE: packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx
type SelectionControlSlot (line 34) | type SelectionControlSlot = {
type VSelectionControlSlots (line 49) | type VSelectionControlSlots = {
function useSelectionControl (line 69) | function useSelectionControl (
method setup (line 162) | setup (props, { attrs, slots }) {
type VSelectionControl (line 330) | type VSelectionControl = InstanceType<typeof VSelectionControl>
FILE: packages/vuetify/src/components/VSelectionControl/__tests__/VSelectionControl.spec.tsx
function mountFunction (line 12) | function mountFunction (options = {}) {
FILE: packages/vuetify/src/components/VSelectionControlGroup/VSelectionControlGroup.tsx
type VSelectionGroupContext (line 21) | interface VSelectionGroupContext {
method setup (line 87) | setup (props, { slots }) {
type VSelectionControlGroup (line 144) | type VSelectionControlGroup = InstanceType<typeof VSelectionControlGroup>
FILE: packages/vuetify/src/components/VSheet/VSheet.tsx
method setup (line 38) | setup (props, { slots }) {
type VSheet (line 74) | type VSheet = InstanceType<typeof VSheet>
FILE: packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.tsx
type VSkeletonBone (line 18) | type VSkeletonBone<T> = T | VSkeletonBone<T>[]
type VSkeletonBones (line 20) | type VSkeletonBones = VSkeletonBone<VNode>
type VSkeletonLoaderType (line 21) | type VSkeletonLoaderType = keyof typeof rootTypes
function genBone (line 57) | function genBone (type: string, children: VSkeletonBones = []) {
function genBones (line 70) | function genBones (bone: string) {
function genStructure (line 79) | function genStructure (type?: string): VSkeletonBones {
function mapBones (line 104) | function mapBones (bones: string) {
method setup (line 137) | setup (props, { attrs, slots }) {
type VSkeletonLoader (line 183) | type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>
FILE: packages/vuetify/src/components/VSlideGroup/VSlideGroup.tsx
type SlideGroupSlot (line 37) | interface SlideGroupSlot {
type VSlideGroupSlots (line 44) | type VSlideGroupSlots = {
method setup (line 108) | setup (props, { slots }) {
type VSlideGroup (line 482) | type VSlideGroup = InstanceType<typeof VSlideGroup>
FILE: packages/vuetify/src/components/VSlideGroup/VSlideGroupItem.tsx
type VSlideGroupItemSlots (line 12) | type VSlideGroupItemSlots = {
method setup (line 30) | setup (props, { slots }) {
type VSlideGroupItem (line 42) | type VSlideGroupItem = InstanceType<typeof VSlideGroupItem>
FILE: packages/vuetify/src/components/VSlideGroup/helpers.ts
function calculateUpdatedTarget (line 1) | function calculateUpdatedTarget ({
function calculateCenteredTarget (line 29) | function calculateCenteredTarget ({
function getScrollSize (line 45) | function getScrollSize (isHorizontal: boolean, element?: HTMLElement) {
function getScrollPosition (line 50) | function getScrollPosition (isHorizontal: boolean, rtl: boolean, element...
function getOffsetSize (line 70) | function getOffsetSize (isHorizontal: boolean, element?: HTMLElement) {
function getOffsetPosition (line 75) | function getOffsetPosition (isHorizontal: boolean, element?: HTMLElement) {
FILE: packages/vuetify/src/components/VSlider/VSlider.tsx
type VSliderSlots (line 26) | type VSliderSlots = VInputSlots & VSliderThumbSlots & VSliderTrackSlots & {
method setup (line 55) | setup (props, { slots, emit, attrs }) {
type VSlider (line 209) | type VSlider = InstanceType<typeof VSlider>
FILE: packages/vuetify/src/components/VSlider/VSliderThumb.tsx
type VSliderThumbSlots (line 25) | type VSliderThumbSlots = {
method setup (line 68) | setup (props, { slots, emit }) {
type VSliderThumb (line 236) | type VSliderThumb = InstanceType<typeof VSliderThumb>
FILE: packages/vuetify/src/components/VSlider/VSliderTrack.tsx
type VSliderTrackSlots (line 19) | type VSliderTrackSlots = {
method setup (line 43) | setup (props, { slots }) {
type VSliderTrack (line 187) | type VSliderTrack = InstanceType<typeof VSliderTrack>
FILE: packages/vuetify/src/components/VSlider/slider.ts
type Tick (line 16) | type Tick = {
type SliderProvide (line 22) | type SliderProvide = {
function getOffset (line 63) | function getOffset (e: MouseEvent | TouchEvent, el: HTMLElement, directi...
function getPosition (line 72) | function getPosition (e: MouseEvent | TouchEvent, position: 'clientX' | ...
type SliderProps (line 147) | type SliderProps = ExtractPropTypes<ReturnType<typeof makeSliderProps>>
type SliderData (line 149) | type SliderData = {
function roundValue (line 159) | function roundValue (value: string | number) {
function parseMouseMove (line 217) | function parseMouseMove (e: MouseEvent | TouchEvent): number | void {
function onMouseMove (line 276) | function onMouseMove (e: MouseEvent | TouchEvent) {
function onSliderMouseUp (line 283) | function onSliderMouseUp (e: MouseEvent) {
function onSliderTouchend (line 293) | function onSliderTouchend (e: TouchEvent) {
function onSliderTouchstart (line 300) | function onSliderTouchstart (e: TouchEvent) {
function onSliderMousedown (line 307) | function onSliderMousedown (e: MouseEvent) {
FILE: packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
type VSnackbarSlots (line 35) | type VSnackbarSlots = {
function useCountdown (line 45) | function useCountdown (milliseconds: () => number) {
method setup (line 132) | setup (props, { slots }) {
type VSnackbar (line 434) | type VSnackbar = InstanceType<typeof VSnackbar>
FILE: packages/vuetify/src/components/VSnackbarQueue/VSnackbarQueue.tsx
type VSnackbarQueueSlots (line 20) | type VSnackbarQueueSlots<T extends string | SnackbarMessage> = {
type SnackbarMessageDismissType (line 32) | type SnackbarMessageDismissType =
type SnackbarMessage (line 38) | type SnackbarMessage =
type SnackbarQueueItem (line 66) | type SnackbarQueueItem = {
method setup (line 117) | setup (props, { attrs, emit, slots }) {
type VSnackbarQueue (line 305) | type VSnackbarQueue = InstanceType<typeof VSnackbarQueue>
FILE: packages/vuetify/src/components/VSnackbarQueue/queue.ts
type SnackbarQueueItemState (line 10) | interface SnackbarQueueItemState {
type SnackbarQueueProvide (line 15) | interface SnackbarQueueProvide {
function useSnackbarQueue (line 27) | function useSnackbarQueue (props: { gap: string | number }): SnackbarQue...
function useSnackbarItem (line 80) | function useSnackbarItem (
FILE: packages/vuetify/src/components/VSparkline/VBarline.tsx
type VBarlineSlots (line 7) | type VBarlineSlots = {
type SparklineItem (line 12) | type SparklineItem = number | { value: number }
type SparklineText (line 14) | type SparklineText = {
type Boundary (line 19) | interface Boundary {
type Bar (line 26) | interface Bar {
method setup (line 44) | setup (props, { slots }) {
type VBarline (line 229) | type VBarline = InstanceType<typeof VBarline>
FILE: packages/vuetify/src/components/VSparkline/VSparkline.tsx
type VSparklineSlots (line 27) | type VSparklineSlots = {
method setup (line 37) | setup (props, { slots }) {
type VSparkline (line 72) | type VSparkline = InstanceType<typeof VSparkline>
FILE: packages/vuetify/src/components/VSparkline/VTrendline.tsx
type VTrendlineSlots (line 8) | type VTrendlineSlots = {
type SparklineItem (line 13) | type SparklineItem = number | { value: number }
type SparklineText (line 15) | type SparklineText = {
type Boundary (line 20) | interface Boundary {
type Point (line 27) | interface Point {
method setup (line 44) | setup (props, { slots }) {
type VTrendline (line 235) | type VTrendline = InstanceType<typeof VTrendline>
FILE: packages/vuetify/src/components/VSparkline/util/line.ts
type SparklineItem (line 7) | type SparklineItem = string | number | { value: number }
FILE: packages/vuetify/src/components/VSparkline/util/path.ts
function genPath (line 10) | function genPath (points: Point[], radius: number, fill = false, height ...
function int (line 44) | function int (value: string | number): number {
function checkCollinear (line 53) | function checkCollinear (p0: Point, p1: Point, p2: Point): boolean {
function getDistance (line 57) | function getDistance (p1: Point, p2: Point): number {
function moveTo (line 63) | function moveTo (to: Point, from: Point, radius: number) {
FILE: packages/vuetify/src/components/VSpeedDial/VSpeedDial.tsx
method setup (line 42) | setup (props, { slots }) {
type VSpeedDial (line 103) | type VSpeedDial = InstanceType<typeof VSpeedDial>
FILE: packages/vuetify/src/components/VStepper/VStepper.tsx
type VStepperSlot (line 29) | type VStepperSlot = {
type VStepperSlots (line 34) | type VStepperSlots = {
method setup (line 105) | setup (props, { slots }) {
type VStepper (line 238) | type VStepper = InstanceType<typeof VStepper>
FILE: packages/vuetify/src/components/VStepper/VStepperActions.tsx
type VStepperActionsSlots (line 14) | type VStepperActionsSlots = {
method setup (line 49) | setup (props, { emit, slots }) {
type VStepperActions (line 105) | type VStepperActions = InstanceType<typeof VStepperActions>
FILE: packages/vuetify/src/components/VStepper/VStepperHeader.ts
type VStepperHeader (line 6) | type VStepperHeader = InstanceType<typeof VStepperHeader>
FILE: packages/vuetify/src/components/VStepper/VStepperItem.tsx
type StepperItem (line 25) | type StepperItem = string | Record<string, any>
type StepperItemSlot (line 27) | type StepperItemSlot<T = any> = {
type VStepperItemSlots (line 36) | type VStepperItemSlots<T = any> = {
type ValidationRule (line 43) | type ValidationRule = () => string | boolean
method setup (line 91) | setup (props, { slots }) {
type VStepperItem (line 196) | type VStepperItem = InstanceType<typeof VStepperItem>
FILE: packages/vuetify/src/components/VStepper/VStepperWindow.tsx
method setup (line 35) | setup (props, { slots }) {
type VStepperWindow (line 78) | type VStepperWindow = InstanceType<typeof VStepperWindow>
FILE: packages/vuetify/src/components/VStepper/VStepperWindowItem.tsx
method setup (line 16) | setup (props, { slots }) {
type VStepperWindowItem (line 38) | type VStepperWindowItem = InstanceType<typeof VStepperWindowItem>
FILE: packages/vuetify/src/components/VSwitch/VSwitch.tsx
type VSwitchSlot (line 30) | type VSwitchSlot = {
type VSwitchSlots (line 35) | type VSwitchSlots =
method setup (line 77) | setup (props, { attrs, slots }) {
type VSwitch (line 253) | type VSwitch = InstanceType<typeof VSwitch>
FILE: packages/vuetify/src/components/VSystemBar/VSystemBar.tsx
method setup (line 36) | setup (props, { slots }) {
type VSystemBar (line 78) | type VSystemBar = InstanceType<typeof VSystemBar>
FILE: packages/vuetify/src/components/VTable/VTable.tsx
type VTableSlots (line 16) | type VTableSlots = {
type Striped (line 23) | type Striped = null | 'odd' | 'even'
method setup (line 47) | setup (props, { slots, emit }) {
type VTable (line 92) | type VTable = InstanceType<typeof VTable>
FILE: packages/vuetify/src/components/VTabs/VTab.tsx
method setup (line 52) | setup (props, { slots, attrs }) {
type VTab (line 191) | type VTab = InstanceType<typeof VTab>
FILE: packages/vuetify/src/components/VTabs/VTabs.tsx
type TabItem (line 27) | type TabItem = string | number | Record<string, any>
type VTabsSlot (line 29) | type VTabsSlot<T> = {
type VTabsSlots (line 33) | type VTabsSlots<T> = {
function parseItems (line 45) | function parseItems (items: readonly TabItem[] | undefined) {
method setup (line 104) | setup (props, { attrs, slots }) {
type VTabs (line 207) | type VTabs = InstanceType<typeof VTabs>
FILE: packages/vuetify/src/components/VTabs/VTabsWindow.tsx
method setup (line 35) | setup (props, { slots }) {
type VTabsWindow (line 78) | type VTabsWindow = InstanceType<typeof VTabsWindow>
FILE: packages/vuetify/src/components/VTabs/VTabsWindowItem.tsx
method setup (line 16) | setup (props, { slots }) {
type VTabsWindowItem (line 38) | type VTabsWindowItem = InstanceType<typeof VTabsWindowItem>
FILE: packages/vuetify/src/components/VTabs/__tests__/VTabs.spec.browser.tsx
constant FAKE_ITEMS (line 9) | const FAKE_ITEMS = [
FILE: packages/vuetify/src/components/VTextField/VTextField.tsx
type VTextFieldSlots (line 52) | type VTextFieldSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {
method setup (line 73) | setup (props, { attrs, emit, slots }) {
type VTextField (line 319) | type VTextField = InstanceType<typeof VTextField>
FILE: packages/vuetify/src/components/VTextField/__tests__/VTextField.spec.tsx
function mountFunction (line 10) | function mountFunction (component: any, options = {}) {
FILE: packages/vuetify/src/components/VTextarea/VTextarea.tsx
type VTextareaSlots (line 63) | type VTextareaSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {
method setup (line 84) | setup (props, { attrs, emit, slots }) {
type VTextarea (line 400) | type VTextarea = InstanceType<typeof VTextarea>
FILE: packages/vuetify/src/components/VTextarea/__tests__/VTextarea.spec.tsx
function mountFunction (line 10) | function mountFunction (component: any, options = {}) {
FILE: packages/vuetify/src/components/VThemeProvider/VThemeProvider.tsx
method setup (line 25) | setup (props, { slots }) {
type VThemeProvider (line 47) | type VThemeProvider = InstanceType<typeof VThemeProvider>
FILE: packages/vuetify/src/components/VTimePicker/VTimePicker.tsx
type VTimePickerSlots (line 25) | type VTimePickerSlots = Omit<VPickerSlots, 'header'>
type Variant (line 27) | type Variant = 'dial' | 'input'
method setup (line 71) | setup (props, { emit, slots }) {
type VTimePicker (line 295) | type VTimePicker = InstanceType<typeof VTimePicker>
FILE: packages/vuetify/src/components/VTimePicker/VTimePickerClock.tsx
type Point (line 13) | interface Point {
method setup (line 62) | setup (props, { emit }) {
type VTimePickerClock (line 299) | type VTimePickerClock = InstanceType<typeof VTimePickerClock>
FILE: packages/vuetify/src/components/VTimePicker/VTimePickerControls.tsx
method setup (line 51) | setup (props, { emit }) {
type VTimePickerControls (line 367) | type VTimePickerControls = InstanceType<typeof VTimePickerControls>
FILE: packages/vuetify/src/components/VTimePicker/VTimePickerField.tsx
method setup (line 35) | setup (props, { emit }) {
type VTimePickerField (line 87) | type VTimePickerField = InstanceType<typeof VTimePickerField>
FILE: packages/vuetify/src/components/VTimePicker/shared.ts
type Period (line 1) | type Period = 'am' | 'pm'
type VTimePickerViewMode (line 2) | type VTimePickerViewMode = 'hour' | 'minute' | 'second'
FILE: packages/vuetify/src/components/VTimePicker/useTimeValidation.ts
type AllowFunction (line 10) | type AllowFunction = (val: number) => boolean
type TimeValidationProps (line 20) | interface TimeValidationProps {
function useTimeValidation (line 28) | function useTimeValidation (props: TimeValidationProps) {
FILE: packages/vuetify/src/components/VTimePicker/util.ts
function pad (line 4) | function pad (n: string | number, length = 2) {
function convert24to12 (line 8) | function convert24to12 (hour: number) {
function convert12to24 (line 12) | function convert12to24 (hour: number, period: Period) {
function extractInteger (line 16) | function extractInteger (v: string): number | null {
function incrementHour (line 23) | function incrementHour (hour: number, increment: boolean, period: Period...
function incrementMinuteOrSecond (line 36) | function incrementMinuteOrSecond (val: number, increment: boolean) {
FILE: packages/vuetify/src/components/VTimeline/VTimeline.tsx
type TimelineDirection (line 20) | type TimelineDirection = 'vertical' | 'horizontal'
type TimelineSide (line 21) | type TimelineSide = 'start' | 'end' | undefined
type TimelineAlign (line 22) | type TimelineAlign = 'center' | 'start'
type TimelineJustify (line 23) | type TimelineJustify = 'auto' | 'center'
type TimelineTruncateLine (line 24) | type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined
method setup (line 70) | setup (props, { slots }) {
type VTimeline (line 142) | type VTimeline = InstanceType<typeof VTimeline>
FILE: packages/vuetify/src/components/VTimeline/VTimelineDivider.tsx
method setup (line 35) | setup (props, { slots }) {
type VTimelineDivider (line 122) | type VTimelineDivider = InstanceType<typeof VTimelineDivider>
FILE: packages/vuetify/src/components/VTimeline/VTimelineItem.tsx
type TimelineItemSide (line 21) | type TimelineItemSide = 'start' | 'end' | undefined
type VTimelineItemSlots (line 22) | type VTimelineItemSlots = {
method setup (line 58) | setup (props, { slots }) {
type VTimelineItem (line 121) | type VTimelineItem = InstanceType<typeof VTimelineItem>
FILE: packages/vuetify/src/components/VToolbar/VToolbar.tsx
type Density (line 31) | type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'
type VToolbarSlots (line 72) | type VToolbarSlots = {
method setup (line 86) | setup (props, { slots }) {
type VToolbar (line 237) | type VToolbar = InstanceType<typeof VToolbar>
FILE: packages/vuetify/src/components/VToolbar/VToolbarItems.tsx
method setup (line 20) | setup (props, { slots }) {
type VToolbarItems (line 45) | type VToolbarItems = InstanceType<typeof VToolbarItems>
FILE: packages/vuetify/src/components/VToolbar/VToolbarTitle.tsx
type VToolbarTitleSlots (line 15) | type VToolbarTitleSlots = {
method setup (line 25) | setup (props, { slots }) {
type VToolbarTitle (line 52) | type VToolbarTitle = InstanceType<typeof VToolbarTitle>
FILE: packages/vuetify/src/components/VTooltip/VTooltip.tsx
method setup (line 56) | setup (props, { slots }) {
type VTooltip (line 128) | type VTooltip = InstanceType<typeof VTooltip>
FILE: packages/vuetify/src/components/VTreeview/VTreeview.tsx
function flatten (line 24) | function flatten (items: ListItem[], flat: ListItem[] = []) {
method setup (line 90) | setup (props, { slots, emit }) {
type VTreeview (line 225) | type VTreeview = InstanceType<typeof VTreeview>
FILE: packages/vuetify/src/components/VTreeview/VTreeviewChildren.tsx
type VTreeviewChildrenSlots (line 23) | type VTreeviewChildrenSlots<T> = {
method setup (line 98) | setup (props, { slots }) {
FILE: packages/vuetify/src/components/VTreeview/VTreeviewGroup.tsx
method setup (line 24) | setup (props, { slots }) {
type VTreeviewGroup (line 67) | type VTreeviewGroup = InstanceType<typeof VTreeviewGroup>
FILE: packages/vuetify/src/components/VTreeview/VTreeviewItem.tsx
type VTreeviewItemSlots (line 38) | type VTreeviewItemSlots = VListItemSlots & {
method setup (line 51) | setup (props, { slots, emit }) {
type VTreeviewItem (line 231) | type VTreeviewItem = InstanceType<typeof VTreeviewItem>
FILE: packages/vuetify/src/components/VTreeview/__tests__/VTreeview.spec.browser.tsx
function loadChildren (line 759) | async function loadChildren (item: any) {
function loadChildren (line 806) | async function loadChildren (item: any) {
function loadChildren (line 853) | async function loadChildren (item: any) {
FILE: packages/vuetify/src/components/VTreeview/shared.ts
type TreeViewProvide (line 5) | interface TreeViewProvide {
type ToggleListItemSlot (line 9) | type ToggleListItemSlot = ListItemSlot & {
FILE: packages/vuetify/src/components/VValidation/VValidation.tsx
type VValidationSlots (line 10) | type VValidationSlots = {
method setup (line 29) | setup (props, { slots }) {
type VValidation (line 36) | type VValidation = InstanceType<typeof VValidation>
FILE: packages/vuetify/src/components/VVirtualScroll/VVirtualScroll.tsx
type VVirtualScrollSlot (line 28) | interface VVirtualScrollSlot<T> {
method setup (line 60) | setup (props, { slots }) {
type VVirtualScroll (line 148) | type VVirtualScroll = InstanceType<typeof VVirtualScroll>
FILE: packages/vuetify/src/components/VVirtualScroll/VVirtualScrollItem.tsx
method setup (line 38) | setup (props, { attrs, emit, slots }) {
FILE: packages/vuetify/src/components/VWindow/VWindow.tsx
type VWindowSlots (line 29) | type VWindowSlots = {
type WindowProvide (line 36) | type WindowProvide = {
type ControlProps (line 44) | type ControlProps = {
method setup (line 115) | setup (props, { slots }) {
type VWindow (line 347) | type VWindow = InstanceType<typeof VWindow>
FILE: packages/vuetify/src/components/VWindow/VWindowItem.tsx
method setup (line 44) | setup (props, { slots }) {
type VWindowItem (line 150) | type VWindowItem = InstanceType<typeof VWindowItem>
FILE: packages/vuetify/src/components/transitions/createTransition.ts
function createCssTransition (line 17) | function createCssTransition (
function createJavascriptTransition (line 85) | function createJavascriptTransition (
FILE: packages/vuetify/src/components/transitions/dialog-transition.tsx
method setup (line 29) | setup (props, { slots }) {
function getChildren (line 145) | function getChildren (el: Element) {
type Dimensions (line 150) | type Dimensions = {
function getDimensions (line 158) | function getDimensions (target: HTMLElement | [x: number, y: number], el...
type VDialogTransition (line 200) | type VDialogTransition = InstanceType<typeof VDialogTransition>
FILE: packages/vuetify/src/components/transitions/expand-transition.ts
type HTMLExpandElement (line 1) | interface HTMLExpandElement extends HTMLElement {
method onBeforeEnter (line 13) | onBeforeEnter (el: HTMLExpandElement) {
method onEnter (line 23) | onEnter (el: HTMLExpandElement) {
method onLeave (line 53) | onLeave (el: HTMLExpandElement) {
function onAfterLeave (line 76) | function onAfterLeave (el: HTMLExpandElement) {
function resetStyles (line 83) | function resetStyles (el: HTMLExpandElement) {
FILE: packages/vuetify/src/components/transitions/index.ts
type VFabTransition (line 32) | type VFabTransition = InstanceType<typeof VFabTransition>
type VDialogBottomTransition (line 33) | type VDialogBottomTransition = InstanceType<typeof VDialogBottomTransition>
type VDialogTopTransition (line 34) | type VDialogTopTransition = InstanceType<typeof VDialogTopTransition>
type VFadeTransition (line 35) | type VFadeTransition = InstanceType<typeof VFadeTransition>
type VScaleTransition (line 36) | type VScaleTransition = InstanceType<typeof VScaleTransition>
type VScrollXTransition (line 37) | type VScrollXTransition = InstanceType<typeof VScrollXTransition>
type VScrollXReverseTransition (line 38) | type VScrollXReverseTransition = InstanceType<typeof VScrollXReverseTran...
type VScrollYTransition (line 39) | type VScrollYTransition = InstanceType<typeof VScrollYTransition>
type VScrollYReverseTransition (line 40) | type VScrollYReverseTransition = InstanceType<typeof VScrollYReverseTran...
type VSlideXTransition (line 41) | type VSlideXTransition = InstanceType<typeof VSlideXTransition>
type VSlideXReverseTransition (line 42) | type VSlideXReverseTransition = InstanceType<typeof VSlideXReverseTransi...
type VSlideYTransition (line 43) | type VSlideYTransition = InstanceType<typeof VSlideYTransition>
type VSlideYReverseTransition (line 44) | type VSlideYReverseTransition = InstanceType<typeof VSlideYReverseTransi...
type VExpandTransition (line 45) | type VExpandTransition = InstanceType<typeof VExpandTransition>
type VExpandXTransition (line 46) | type VExpandXTransition = InstanceType<typeof VExpandXTransition>
FILE: packages/vuetify/src/composables/__tests__/autocomplete.spec.ts
function mountFunction (line 12) | function mountFunction (props: Partial<InputAutocompleteProps> = {}) {
FILE: packages/vuetify/src/composables/__tests__/calendar.spec.ts
method setup (line 18) | setup (props) {
method setup (line 91) | setup (props) {
FILE: packages/vuetify/src/composables/__tests__/filter.spec.ts
function filterFn (line 178) | function filterFn (text: string, query?: string, item?: any) {
FILE: packages/vuetify/src/composables/__tests__/forwardRefs.spec.tsx
method setup (line 11) | setup () {
method setup (line 24) | setup () {
method setup (line 41) | setup () {
method setup (line 58) | setup () {
FILE: packages/vuetify/src/composables/__tests__/goto.spec.browser.tsx
method setup (line 11) | setup (props) {
method setup (line 30) | setup (props) {
FILE: packages/vuetify/src/composables/__tests__/group.spec.ts
method setup (line 12) | setup (props) {
method setup (line 28) | setup (props) {
method setup (line 69) | setup (props) {
method setup (line 86) | setup (props) {
method render (line 90) | render () {
method default (line 229) | default () {
method setup (line 251) | setup (props) {
method setup (line 268) | setup (props) {
method default (line 381) | default () {
FILE: packages/vuetify/src/composables/__tests__/icons.spec.ts
method setup (line 15) | setup (props) {
FILE: packages/vuetify/src/composables/__tests__/location.spec.ts
method setup (line 21) | setup () {
FILE: packages/vuetify/src/composables/__tests__/mutationObserver.spec.ts
method setup (line 12) | setup () {
method setup (line 25) | setup () {
FILE: packages/vuetify/src/composables/__tests__/proxiedModel.spec.ts
method setup (line 13) | setup (props) {
method setup (line 30) | setup (props) {
method setup (line 44) | setup (props) {
method setup (line 146) | setup (props) {
FILE: packages/vuetify/src/composables/__tests__/resizeObserver.spec.browser.tsx
method setup (line 11) | setup () {
FILE: packages/vuetify/src/composables/__tests__/router.spec.browser.tsx
method setup (line 16) | setup (props, { attrs }) {
method render (line 21) | render () {
function createTestRouter (line 46) | function createTestRouter () {
FILE: packages/vuetify/src/composables/__tests__/scroll.spec.browser.tsx
function setup (line 13) | function setup (props?: Partial<ScrollProps>) {
FILE: packages/vuetify/src/composables/__tests__/validation.spec.ts
function mountFunction (line 12) | function mountFunction (props: Partial<ValidationProps> = {}) {
FILE: packages/vuetify/src/composables/autocomplete.ts
type InputAutocompleteProps (line 9) | interface InputAutocompleteProps {
function useAutocomplete (line 19) | function useAutocomplete (props: InputAutocompleteProps) {
FILE: packages/vuetify/src/composables/autofocus.ts
type AutofocusProps (line 1) | interface AutofocusProps {
function useAutofocus (line 5) | function useAutofocus (props: AutofocusProps) {
FILE: packages/vuetify/src/composables/border.ts
type BorderProps (line 6) | interface BorderProps {
function useBorder (line 15) | function useBorder (
FILE: packages/vuetify/src/composables/calendar.ts
type CalendarProps (line 13) | interface CalendarProps {
type CalendarDay (line 34) | type CalendarDay = {
type CalendarWeekdays (line 53) | type CalendarWeekdays = 0 | 1 | 2 | 3 | 4 | 5 | 6
function useCalendar (line 88) | function useCalendar (props: CalendarProps) {
function useCalendarRange (line 251) | function useCalendarRange (props: Pick<CalendarProps, 'min' | 'max'>) {
FILE: packages/vuetify/src/composables/color.ts
type ColorValue (line 8) | type ColorValue = string | false | null | undefined
type TextColorData (line 10) | interface TextColorData {
type BackgroundColorData (line 15) | interface BackgroundColorData {
function useColor (line 21) | function useColor (colors: MaybeRefOrGetter<{ background?: ColorValue, t...
function useTextColor (line 32) | function useTextColor (color: MaybeRefOrGetter<ColorValue>): TextColorDa...
function useBackgroundColor (line 43) | function useBackgroundColor (color: MaybeRefOrGetter<ColorValue>): Backg...
function normalizeColors (line 54) | function normalizeColors (colors: { background?: ColorValue, text?: Colo...
function computeColor (line 65) | function computeColor (colors: MaybeRefOrGetter<{ background?: ColorValu...
FILE: packages/vuetify/src/composables/component.ts
type ClassValue (line 9) | type ClassValue = any
type ComponentProps (line 11) | interface ComponentProps {
FILE: packages/vuetify/src/composables/date/DateAdapter.ts
type DateAdapter (line 1) | interface DateAdapter<T = unknown> {
FILE: packages/vuetify/src/composables/date/__tests__/date.spec.ts
function expectAssignable (line 10) | function expectAssignable<T, T2 extends T = T> (value: T2): void {}
FILE: packages/vuetify/src/composables/date/adapters/string.ts
type CustomDateFormat (line 7) | type CustomDateFormat = Intl.DateTimeFormatOptions | ((date: string, for...
class StringDateAdapter (line 9) | class StringDateAdapter implements DateAdapter<string> {
method constructor (line 12) | constructor (options: { locale: string, formats?: Record<string, Custo...
method addDays (line 28) | addDays (date: string, amount: number): string {
method addHours (line 34) | addHours (date: string, amount: number): string {
method addMinutes (line 40) | addMinutes (date: string, amount: number): string {
method addMonths (line 46) | addMonths (date: string, amount: number): string {
method addWeeks (line 52) | addWeeks (date: string, amount: number): string {
method date (line 58) | date (value?: any): string | null {
method endOfDay (line 64) | endOfDay (date: string): string {
method endOfMonth (line 70) | endOfMonth (date: string): string {
method endOfWeek (line 76) | endOfWeek (date: string): string {
method endOfYear (line 82) | endOfYear (date: string): string {
method format (line 88) | format (date: string, formatString: string): string {
method getDate (line 95) | getDate (date: string): number {
method getDiff (line 99) | getDiff (date: string, comparing: string, unit?: string): number {
method getHours (line 103) | getHours (date: string): number {
method getMinutes (line 107) | getMinutes (date: string): number {
method getMonth (line 111) | getMonth (date: string): number {
method getWeek (line 115) | getWeek (date: string, firstDayOfWeek?: number | string, firstDayOfYea...
method getNextMonth (line 119) | getNextMonth (date: string): string {
method getPreviousMonth (line 125) | getPreviousMonth (date: string): string {
method getWeekArray (line 131) | getWeekArray (date: string, firstDayOfWeek?: number | string): string[...
method getWeekdays (line 142) | getWeekdays (firstDayOfWeek?: number | string, weekdayFormat?: 'long' ...
method getYear (line 146) | getYear (date: string): number {
method isAfter (line 150) | isAfter (date: string, comparing: string): boolean {
method isAfterDay (line 157) | isAfterDay (date: string, comparing: string): boolean {
method isBefore (line 164) | isBefore (date: string, comparing: string): boolean {
method isEqual (line 171) | isEqual (date: string, comparing: string): boolean {
method isSameDay (line 178) | isSameDay (date: string, comparing: string): boolean {
method isSameMonth (line 185) | isSameMonth (date: string, comparing: string): boolean {
method isSameYear (line 192) | isSameYear (date: string, comparing: string): boolean {
method isValid (line 199) | isValid (date: any): boolean {
method isWithinRange (line 203) | isWithinRange (date: string, range: [string, string]): boolean {
method parseISO (line 210) | parseISO (date: string): string {
method setDate (line 214) | setDate (date: string, day: number): string {
method setHours (line 220) | setHours (date: string, hours: number): string {
method setMinutes (line 226) | setMinutes (date: string, minutes: number): string {
method setMonth (line 232) | setMonth (date: string, month: number): string {
method setYear (line 238) | setYear (date: string, year: number): string {
method startOfDay (line 244) | startOfDay (date: string): string {
method startOfMonth (line 250) | startOfMonth (date: string): string {
method startOfWeek (line 256) | startOfWeek (date: string, firstDayOfWeek?: number | string): string {
method startOfYear (line 262) | startOfYear (date: string): string {
method toISO (line 268) | toISO (date: string): string {
method toJsDate (line 274) | toJsDate (value: string): Date {
FILE: packages/vuetify/src/composables/date/adapters/vuetify.ts
type CustomDateFormat (line 7) | type CustomDateFormat = Intl.DateTimeFormatOptions | ((date: Date, forma...
function weekInfo (line 9) | function weekInfo (locale: string): { firstDay: number, firstWeekSize: n...
function getWeekArray (line 46) | function getWeekArray (date: Date, locale: string, firstDayOfWeek?: numb...
function startOfWeek (line 87) | function startOfWeek (date: Date, locale: string, firstDayOfWeek?: numbe...
function endOfWeek (line 103) | function endOfWeek (date: Date, locale: string) {
function startOfMonth (line 112) | function startOfMonth (date: Date) {
function endOfMonth (line 116) | function endOfMonth (date: Date) {
function parseLocalDate (line 120) | function parseLocalDate (value: string): Date {
function date (line 129) | function date (value?: any): Date | null {
function getWeekdays (line 151) | function getWeekdays (locale: string, firstDayOfWeek?: number, weekdayFo...
function format (line 161) | function format (
function toISO (line 264) | function toISO (adapter: DateAdapter<any>, value: Date) {
function parseISO (line 273) | function parseISO (value: string) {
function addMinutes (line 279) | function addMinutes (date: Date, amount: number) {
function addHours (line 285) | function addHours (date: Date, amount: number) {
function addDays (line 291) | function addDays (date: Date, amount: number) {
function addWeeks (line 297) | function addWeeks (date: Date, amount: number) {
function addMonths (line 303) | function addMonths (date: Date, amount: number) {
function getYear (line 310) | function getYear (date: Date) {
function getMonth (line 314) | function getMonth (date: Date) {
function getWeek (line 318) | function getWeek (date: Date, locale: string, firstDayOfWeek?: number, f...
function calculateWeekWithFirstDayOfYear (line 328) | function calculateWeekWithFirstDayOfYear (date: Date, locale: string, we...
function calculateWeekWithMinWeekSize (line 351) | function calculateWeekWithMinWeekSize (date: Date, locale: string, weekS...
function getDate (line 373) | function getDate (date: Date) {
function getNextMonth (line 377) | function getNextMonth (date: Date) {
function getPreviousMonth (line 381) | function getPreviousMonth (date: Date) {
function getHours (line 385) | function getHours (date: Date) {
function getMinutes (line 389) | function getMinutes (date: Date) {
function startOfYear (line 393) | function startOfYear (date: Date) {
function endOfYear (line 396) | function endOfYear (date: Date) {
function isWithinRange (line 400) | function isWithinRange (date: Date, range: [Date, Date]) {
function isValid (line 407) | function isValid (date: any) {
function isAfter (line 413) | function isAfter (date: Date, comparing: Date) {
function isAfterDay (line 417) | function isAfterDay (date: Date, comparing: Date): boolean {
function isBefore (line 421) | function isBefore (date: Date, comparing: Date) {
function isEqual (line 425) | function isEqual (date: Date, comparing: Date) {
function isSameDay (line 429) | function isSameDay (date: Date, comparing: Date) {
function isSameMonth (line 435) | function isSameMonth (date: Date, comparing: Date) {
function isSameYear (line 440) | function isSameYear (date: Date, comparing: Date) {
function getDiff (line 444) | function getDiff (date: Date, comparing: Date | string, unit?: string) {
function setHours (line 471) | function setHours (date: Date, count: number) {
function setMinutes (line 477) | function setMinutes (date: Date, count: number) {
function setMonth (line 483) | function setMonth (date: Date, count: number) {
function setDate (line 489) | function setDate (date: Date, day: number) {
function setYear (line 495) | function setYear (date: Date, year: number) {
function startOfDay (line 501) | function startOfDay (date: Date) {
function endOfDay (line 505) | function endOfDay (date: Date) {
class VuetifyDateAdapter (line 509) | class VuetifyDateAdapter implements DateAdapter<Date> {
method constructor (line 513) | constructor (options: { locale: string, formats?: Record<string, Custo...
method date (line 518) | date (value?: any) {
method toJsDate (line 522) | toJsDate (date: Date) {
method toISO (line 526) | toISO (date: Date): string {
method parseISO (line 530) | parseISO (date: string) {
method addMinutes (line 534) | addMinutes (date: Date, amount: number) {
method addHours (line 538) | addHours (date: Date, amount: number) {
method addDays (line 542) | addDays (date: Date, amount: number) {
method addWeeks (line 546) | addWeeks (date: Date, amount: number) {
method addMonths (line 550) | addMonths (date: Date, amount: number) {
method getWeekArray (line 554) | getWeekArray (date: Date, firstDayOfWeek?: number | string) {
method startOfWeek (line 559) | startOfWeek (date: Date, firstDayOfWeek?: number | string): Date {
method endOfWeek (line 564) | endOfWeek (date: Date): Date {
method startOfMonth (line 568) | startOfMonth (date: Date) {
method endOfMonth (line 572) | endOfMonth (date: Date) {
method format (line 576) | format (date: Date, formatString: string) {
method isEqual (line 580) | isEqual (date: Date, comparing: Date) {
method isValid (line 584) | isValid (date: any) {
method isWithinRange (line 588) | isWithinRange (date: Date, range: [Date, Date]) {
method isAfter (line 592) | isAfter (date: Date, comparing: Date) {
method isAfterDay (line 596) | isAfterDay (date: Date, comparing: Date) {
method isBefore (line 600) | isBefore (date: Date, comparing: Date) {
method isSameDay (line 604) | isSameDay (date: Date, comparing: Date) {
method isSameMonth (line 608) | isSameMonth (date: Date, comparing: Date) {
method isSameYear (line 612) | isSameYear (date: Date, comparing: Date) {
method setMinutes (line 616) | setMinutes (date: Date, count: number) {
method setHours (line 620) | setHours (date: Date, count: number) {
method setMonth (line 624) | setMonth (date: Date, count: number) {
method setDate (line 628) | setDate (date: Date, day: number): Date {
method setYear (line 632) | setYear (date: Date, year: number) {
method getDiff (line 636) | getDiff (date: Date, comparing: Date | string, unit?: string) {
method getWeekdays (line 640) | getWeekdays (firstDayOfWeek?: number | string, weekdayFormat?: 'long' ...
method getYear (line 645) | getYear (date: Date) {
method getMonth (line 649) | getMonth (date: Date) {
method getWeek (line 653) | getWeek (date: Date, firstDayOfWeek?: number | string, firstDayOfYear?...
method getDate (line 659) | getDate (date: Date) {
method getNextMonth (line 663) | getNextMonth (date: Date) {
method getPreviousMonth (line 667) | getPreviousMonth (date: Date) {
method getHours (line 671) | getHours (date: Date) {
method getMinutes (line 675) | getMinutes (date: Date) {
method startOfDay (line 679) | startOfDay (date: Date) {
method endOfDay (line 683) | endOfDay (date: Date) {
method startOfYear (line 687) | startOfYear (date: Date) {
method endOfYear (line 691) | endOfYear (date: Date) {
FILE: packages/vuetify/src/composables/date/date.ts
type DateInstance (line 16) | interface DateInstance extends DateModule.InternalAdapter {
type Adapter (line 22) | interface Adapter {}
type InternalAdapter (line 24) | type InternalAdapter = {} extends Adapter ? DateAdapter : Adapter
type InternalDateOptions (line 27) | type InternalDateOptions = {
type DateOptions (line 33) | type DateOptions = Partial<InternalDateOptions>
function createDate (line 38) | function createDate (options: DateOptions | undefined, locale: LocaleIns...
function createDateRange (line 92) | function createDateRange (adapter: DateInstance, start: unknown, stop?: ...
function daysDiff (line 108) | function daysDiff (adapter: DateInstance, start: unknown, stop?: unknown...
function createInstance (line 118) | function createInstance (options: InternalDateOptions, locale: LocaleIns...
function useDate (line 136) | function useDate (): DateInstance {
FILE: packages/vuetify/src/composables/dateFormat.ts
type DateFormatProps (line 12) | interface DateFormatProps {
class DateFormatSpec (line 16) | class DateFormatSpec {
method constructor (line 17) | constructor (
method format (line 22) | get format () {
method canBeParsed (line 29) | static canBeParsed (v: any) {
method parse (line 36) | static parse (v: string) {
function useDateFormat (line 55) | function useDateFormat (props: DateFormatProps, locale: Ref<string>) {
FILE: packages/vuetify/src/composables/defaults.ts
type DefaultsInstance (line 11) | type DefaultsInstance = undefined | {
type DefaultsOptions (line 16) | type DefaultsOptions = Partial<DefaultsInstance>
function createDefaults (line 20) | function createDefaults (options?: DefaultsInstance): Ref<DefaultsInstan...
function injectDefaults (line 24) | function injectDefaults () {
function provideDefaults (line 32) | function provideDefaults (
function propIsDefined (line 87) | function propIsDefined (vnode: VNode, prop: string) {
function internalUseDefaults (line 92) | function internalUseDefaults (
function useDefaults (line 146) | function useDefaults (
FILE: packages/vuetify/src/composables/delay.ts
type DelayProps (line 5) | interface DelayProps {
function useDelay (line 16) | function useDelay (props: DelayProps, cb?: (value: boolean) => void) {
FILE: packages/vuetify/src/composables/density.ts
type Density (line 12) | type Density = null | 'default' | 'comfortable' | 'compact'
type DensityProps (line 14) | interface DensityProps {
function useDensity (line 27) | function useDensity (
FILE: packages/vuetify/src/composables/dimensions.ts
type DimensionProps (line 6) | interface DimensionProps {
function useDimension (line 25) | function useDimension (props: DimensionProps) {
FILE: packages/vuetify/src/composables/directiveComponent.ts
type ExcludeProps (line 17) | type ExcludeProps =
type DirectiveHook (line 28) | type DirectiveHook<B extends DirectiveBinding> = (el: any, binding: B, v...
type CustomDirective (line 29) | interface CustomDirective<B extends DirectiveBinding = DirectiveBinding> {
function useDirectiveComponent (line 47) | function useDirectiveComponent (
function mountComponent (line 66) | function mountComponent (component: ConcreteComponent, props?: Record<st...
function findComponentParent (line 92) | function findComponentParent (vnode: VNode, root: ComponentInternalInsta...
FILE: packages/vuetify/src/composables/display.ts
type Breakpoint (line 11) | type Breakpoint = typeof breakpoints[number]
type DisplayBreakpoint (line 13) | type DisplayBreakpoint = 'xs' | Breakpoint
type DisplayThresholds (line 15) | type DisplayThresholds = {
type DisplayProps (line 19) | interface DisplayProps {
type DisplayOptions (line 24) | interface DisplayOptions {
type InternalDisplayOptions (line 29) | interface InternalDisplayOptions {
type SSROptions (line 34) | type SSROptions = boolean | {
type DisplayPlatform (line 39) | interface DisplayPlatform {
type DisplayInstance (line 55) | interface DisplayInstance {
function getClientWidth (line 102) | function getClientWidth (ssr?: SSROptions) {
function getClientHeight (line 108) | function getClientHeight (ssr?: SSROptions) {
function getPlatform (line 114) | function getPlatform (ssr?: SSROptions): DisplayPlatform {
function createDisplay (line 152) | function createDisplay (options?: DisplayOptions, ssr?: SSROptions): Dis...
function useDisplay (line 229) | function useDisplay (
FILE: packages/vuetify/src/composables/documentVisibility.ts
function useDocumentVisibility (line 5) | function useDocumentVisibility () {
FILE: packages/vuetify/src/composables/elevation.ts
type ElevationProps (line 7) | interface ElevationProps {
type ElevationData (line 20) | type ElevationData = {
function useElevation (line 24) | function useElevation (props: ElevationProps | Ref<number | string | und...
FILE: packages/vuetify/src/composables/fileDrop.ts
type FileSelection (line 2) | type FileSelection = { file: File, path: string }
function useFileDrop (line 4) | function useFileDrop () {
function traverseFileTree (line 40) | function traverseFileTree (item: FileSystemEntry, path = ''): Promise<Fi...
function appendIfDirectory (line 58) | function appendIfDirectory (path: string, item: FileSystemEntry) {
FILE: packages/vuetify/src/composables/fileFilter.ts
type FileFilterProps (line 5) | interface FileFilterProps {
type FileFilterResult (line 9) | type FileFilterResult = {
function useFileFilter (line 19) | function useFileFilter (props: FileFilterProps) {
function createFilter (line 41) | function createFilter (v: string): ((v: File) => boolean) {
FILE: packages/vuetify/src/composables/filter.tsx
type FilterMatchArraySingle (line 18) | type FilterMatchArraySingle = readonly [number, number]
type FilterMatchArrayMultiple (line 19) | type FilterMatchArrayMultiple = readonly FilterMatchArraySingle[]
type FilterMatchArray (line 20) | type FilterMatchArray = FilterMatchArraySingle | FilterMatchArrayMultiple
type FilterMatch (line 21) | type FilterMatch = boolean | number | FilterMatchArray
type FilterFunction (line 22) | type FilterFunction = (value: string, query: string, item?: InternalItem...
type FilterKeyFunctions (line 23) | type FilterKeyFunctions = Record<string, FilterFunction>
type FilterKeys (line 24) | type FilterKeys = string | string[]
type FilterMode (line 25) | type FilterMode = 'some' | 'every' | 'union' | 'intersection'
type FilterProps (line 27) | interface FilterProps {
type InternalItem (line 35) | interface InternalItem<T = any> {
type FilterResult (line 41) | type FilterResult = {
function normaliseMatch (line 66) | function normaliseMatch (match: FilterMatch, query: string): FilterMatch...
function filterItems (line 85) | function filterItems (
function useFilter (line 183) | function useFilter <T extends InternalItem> (
function highlightResult (line 242) | function highlightResult (name: string, text: string, matches: FilterMat...
FILE: packages/vuetify/src/composables/focus.ts
type FocusProps (line 9) | interface FocusProps {
function useFocus (line 20) | function useFocus (
FILE: packages/vuetify/src/composables/focusGroups.ts
type FocusGroup (line 9) | type FocusGroup =
function useFocusGroups (line 13) | function useFocusGroups ({ groups, onLeave }: {
FILE: packages/vuetify/src/composables/focusTrap.ts
type FocusTrapProps (line 9) | interface FocusTrapProps {
function onKeydown (line 29) | function onKeydown (e: KeyboardEvent) {
function useFocusTrap (line 91) | function useFocusTrap (
FILE: packages/vuetify/src/composables/form.ts
type FormProvide (line 13) | interface FormProvide {
type FormField (line 31) | interface FormField {
type FieldValidationResult (line 41) | interface FieldValidationResult {
type FormValidationResult (line 46) | interface FormValidationResult {
type SubmitEventPromise (line 51) | interface SubmitEventPromise extends SubmitEvent, Promise<FormValidation...
type FormProps (line 55) | interface FormProps {
function createForm (line 78) | function createForm (props: FormProps) {
function useForm (line 195) | function useForm (props?: { readonly: boolean | null, disabled: boolean ...
FILE: packages/vuetify/src/composables/forwardRefs.ts
type OmitPrefix (line 8) | type OmitPrefix<
type OmitPrivate (line 13) | type OmitPrivate<T> = OmitPrefix<T, '$'>
type OmitProps (line 16) | type OmitProps<T> = T extends { $props: any } ? Omit<T, keyof T['$props'...
function getDescriptor (line 18) | function getDescriptor (obj: any, key: PropertyKey) {
function forwardRefs (line 28) | function forwardRefs<
FILE: packages/vuetify/src/composables/goto.ts
type GoToInstance (line 11) | interface GoToInstance {
type InternalGoToOptions (line 16) | interface InternalGoToOptions {
type GoToOptions (line 25) | type GoToOptions = Partial<InternalGoToOptions>
function genDefaults (line 29) | function genDefaults () {
function getContainer (line 40) | function getContainer (el?: ComponentPublicInstance | HTMLElement | stri...
function getTarget (line 44) | function getTarget (el: ComponentPublicInstance | HTMLElement | string |...
function getOffset (line 48) | function getOffset (target: any, horizontal?: boolean, rtl?: boolean): n...
function createGoTo (line 61) | function createGoTo (
function scrollTo (line 71) | async function scrollTo (
function useGoTo (line 137) | function useGoTo (_options: GoToOptions = {}) {
function clampTarget (line 170) | function clampTarget (
FILE: packages/vuetify/src/composables/group.ts
type GroupItem (line 12) | interface GroupItem {
type GroupProps (line 19) | interface GroupProps {
type GroupProvide (line 29) | interface GroupProvide {
type GroupItemProvide (line 47) | interface GroupItemProvide {
type GroupItemProps (line 80) | interface GroupItemProps extends ExtractPropTypes<ReturnType<typeof make...
function useGroupItem (line 95) | function useGroupItem (
function useGroup (line 166) | function useGroup (
function getItemIndex (line 332) | function getItemIndex (items: UnwrapRef<GroupItem[]>, value: unknown) {
function getIds (line 340) | function getIds (items: UnwrapRef<GroupItem[]>, modelValue: any[]) {
function getValues (line 357) | function getValues (items: UnwrapRef<GroupItem[]>, ids: any[]) {
FILE: packages/vuetify/src/composables/hotkey/hotkey-parsing.ts
type KeyCombination (line 6) | type KeyCombination = Sequence | Alternate | Combo | Key
type Sequence (line 8) | interface Sequence {
type Alternate (line 13) | interface Alternate {
type Combo (line 18) | interface Combo {
type Key (line 23) | type Key = string
class ParseError (line 25) | class ParseError extends Error {}
function parseKeyCombination (line 37) | function parseKeyCombination (input: string) {
function isSep (line 129) | function isSep (char: string | null) {
FILE: packages/vuetify/src/composables/hotkey/hotkey.ts
constant MODIFIERS (line 12) | const MODIFIERS = ['ctrl', 'shift', 'alt', 'meta', 'cmd'] as const
type Modifier (line 14) | type Modifier = typeof MODIFIERS[number]
function isModifier (line 15) | function isModifier (key: string): key is Modifier {
type HotkeyOptions (line 20) | interface HotkeyOptions {
function useHotkey (line 27) | function useHotkey (
function matchesKeyGroup (line 129) | function matchesKeyGroup (e: KeyboardEvent, group: Exclude<KeyCombinatio...
function parseKeyGroup (line 148) | function parseKeyGroup (group: Combo | Key): {
FILE: packages/vuetify/src/composables/hotkey/key-aliases.ts
function normalizeKey (line 40) | function normalizeKey (key: string): string {
FILE: packages/vuetify/src/composables/hydration.ts
function useHydration (line 8) | function useHydration () {
FILE: packages/vuetify/src/composables/iconSizes.ts
type IconSizeProps (line 10) | interface IconSizeProps {
function useIconSizes (line 30) | function useIconSizes (props: IconSizeProps, fallback: ComputedGetter<VI...
FILE: packages/vuetify/src/composables/icons.tsx
type IconValue (line 9) | type IconValue =
type IconAliases (line 15) | interface IconAliases {
type IconProps (line 72) | interface IconProps {
type IconComponent (line 78) | type IconComponent = JSXComponent<IconProps>
type IconSet (line 80) | interface IconSet {
type InternalIconOptions (line 84) | type InternalIconOptions = {
type IconOptions (line 90) | type IconOptions = Partial<InternalIconOptions>
type IconInstance (line 92) | type IconInstance = {
method setup (line 115) | setup (props, { slots }) {
type VComponentIcon (line 126) | type VComponentIcon = InstanceType<typeof VComponentIcon>
method setup (line 135) | setup (props, { attrs }) {
type VSvgIcon (line 160) | type VSvgIcon = InstanceType<typeof VSvgIcon>
method setup (line 167) | setup (props) {
type VLigatureIcon (line 173) | type VLigatureIcon = InstanceType<typeof VLigatureIcon>
method setup (line 180) | setup (props) {
type VClassIcon (line 186) | type VClassIcon = InstanceType<typeof VClassIcon>
FILE: packages/vuetify/src/composables/intersectionObserver.ts
function useIntersectionObserver (line 5) | function useIntersectionObserver (callback?: IntersectionObserverCallbac...
FILE: packages/vuetify/src/composables/layout.ts
type Position (line 23) | type Position = 'top' | 'left' | 'right' | 'bottom'
type Layer (line 25) | interface Layer {
type LayoutItem (line 32) | interface LayoutItem extends Layer {
type LayoutProvide (line 38) | interface LayoutProvide {
constant ROOT_ZINDEX (line 68) | const ROOT_ZINDEX = 1000
function useLayout (line 90) | function useLayout () {
function useLayoutItem (line 102) | function useLayoutItem (options: {
function createLayout (line 170) | function createLayout (props: { overlaps?: string[], fullHeight?: boolea...
FILE: packages/vuetify/src/composables/lazy.ts
function useLazy (line 12) | function useLazy (props: { eager: boolean }, active: Ref<boolean>) {
FILE: packages/vuetify/src/composables/list-items.ts
type ListItem (line 10) | interface ListItem<T = any> extends InternalItem<T> {
type ItemProps (line 21) | interface ItemProps {
function transformItem (line 64) | function transformItem (
function transformItems (line 108) | function transformItems (
function useItems (line 123) | function useItems (props: ItemProps) {
FILE: packages/vuetify/src/composables/loader.tsx
type LoaderSlotProps (line 12) | interface LoaderSlotProps {
type LoaderProps (line 17) | interface LoaderProps {
function useLoader (line 26) | function useLoader (
function LoaderSlot (line 37) | function LoaderSlot (
FILE: packages/vuetify/src/composables/locale.ts
type LocaleMessages (line 8) | interface LocaleMessages {
type LocaleOptions (line 12) | interface LocaleOptions {
type LocaleInstance (line 20) | interface LocaleInstance {
function isLocaleInstance (line 33) | function isLocaleInstance (obj: any): obj is LocaleInstance {
function createLocale (line 37) | function createLocale (options?: LocaleOptions & RtlOptions) {
function useLocale (line 44) | function useLocale () {
function provideLocale (line 52) | function provideLocale (props: LocaleOptions & RtlProps) {
type RtlOptions (line 69) | interface RtlOptions {
type RtlProps (line 73) | interface RtlProps {
type RtlInstance (line 77) | interface RtlInstance {
function genDefaults (line 85) | function genDefaults () {
function createRtl (line 132) | function createRtl (i18n: LocaleInstance, options?: RtlOptions): RtlInst...
function provideRtl (line 143) | function provideRtl (locale: LocaleInstance, rtl: RtlInstance['rtl'], pr...
function useRtl (line 153) | function useRtl () {
FILE: packages/vuetify/src/composables/location.ts
type LocationProps (line 20) | interface LocationProps {
function useLocation (line 28) | function useLocation (props: LocationProps, opposite = false, offset?: (...
FILE: packages/vuetify/src/composables/mask/mask.ts
type MaskProps (line 8) | interface MaskProps {
type MaskOptions (line 12) | interface MaskOptions {
type MaskItem (line 21) | type MaskItem = {
function useMask (line 70) | function useMask (props: MaskProps) {
FILE: packages/vuetify/src/composables/menuActivator.ts
type MenuActivatorProps (line 9) | interface MenuActivatorProps {
function useMenuActivator (line 26) | function useMenuActivator (props: MenuActivatorProps, isOpen: MaybeRefOr...
FILE: packages/vuetify/src/composables/mutationObserver.ts
type MutationOptions (line 8) | interface MutationOptions {
function useMutationObserver (line 17) | function useMutationObserver (
FILE: packages/vuetify/src/composables/nested/activeStrategies.ts
type ActiveStrategyFunction (line 6) | type ActiveStrategyFunction = (data: {
type ActiveStrategyTransformInFunction (line 15) | type ActiveStrategyTransformInFunction = (
type ActiveStrategyTransformOutFunction (line 21) | type ActiveStrategyTransformOutFunction = (
type ActiveStrategy (line 27) | type ActiveStrategy = {
FILE: packages/vuetify/src/composables/nested/nested.ts
type ActiveStrategyProp (line 45) | type ActiveStrategyProp =
type SelectStrategyProp (line 52) | type SelectStrategyProp =
type OpenStrategyProp (line 62) | type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy
type ItemsRegistrationType (line 63) | type ItemsRegistrationType = 'props' | 'render'
type NestedProps (line 65) | interface NestedProps {
type NestedProvide (line 81) | type NestedProvide = {
function getPath (line 234) | function getPath (id: unknown) {
function updateInternalMaps (line 263) | function updateInternalMaps () {
FILE: packages/vuetify/src/composables/nested/openStrategies.ts
type OpenStrategyFunction (line 1) | type OpenStrategyFunction = (data: {
type OpenSelectStrategyFunction (line 10) | type OpenSelectStrategyFunction = (data: {
type OpenStrategy (line 20) | type OpenStrategy = {
FILE: packages/vuetify/src/composables/nested/selectStrategies.ts
type SelectStrategyFunction (line 5) | type SelectStrategyFunction = (data: {
type SelectStrategyTransformInFunction (line 15) | type SelectStrategyTransformInFunction = (
type SelectStrategyTransformOutFunction (line 22) | type SelectStrategyTransformOutFunction = (
type SelectStrategy (line 28) | type SelectStrategy = {
FILE: packages/vuetify/src/composables/position.ts
type Position (line 10) | type Position = typeof positionValues[number]
type PositionProps (line 12) | interface PositionProps {
function usePosition (line 24) | function usePosition (
FILE: packages/vuetify/src/composables/proxiedModel.ts
type InnerVal (line 12) | type InnerVal<T> = T extends any[] ? Readonly<T> : T
function useProxiedModel (line 15) | function useProxiedModel<
FILE: packages/vuetify/src/composables/refs.ts
function useRefs (line 7) | function useRefs <T extends {}> () {
FILE: packages/vuetify/src/composables/resizeObserver.ts
type ResizeState (line 10) | interface ResizeState {
function useResizeObserver (line 15) | function useResizeObserver (callback?: ResizeObserverCallback, box: 'con...
FILE: packages/vuetify/src/composables/reveal.ts
type RevealProps (line 9) | interface RevealProps {
function useReveal (line 23) | function useReveal (props: RevealProps) {
FILE: packages/vuetify/src/composables/rounded.ts
type RoundedValue (line 8) | type RoundedValue = boolean | string | number | null | undefined
type RoundedProps (line 10) | interface RoundedProps {
type RoundedData (line 15) | type RoundedData = {
function useRounded (line 28) | function useRounded (
FILE: packages/vuetify/src/composables/router.tsx
function useRoute (line 24) | function useRoute (): Ref<RouteLocationNormalizedLoaded | undefined> {
function useRouter (line 30) | function useRouter (): Router | undefined {
type LinkProps (line 34) | interface LinkProps {
type LinkListeners (line 42) | interface LinkListeners {
type UseLink (line 47) | interface UseLink extends Omit<Partial<ReturnType<typeof _useLink>>, 'hr...
function useLink (line 57) | function useLink (props: LinkProps & LinkListeners, attrs: SetupContext[...
function useBackButton (line 121) | function useBackButton (router: Router | undefined, cb: () => Navigation...
FILE: packages/vuetify/src/composables/scopeId.ts
function useScopeId (line 4) | function useScopeId () {
FILE: packages/vuetify/src/composables/scroll.ts
type ScrollProps (line 15) | interface ScrollProps {
type ThresholdMetCallbackData (line 20) | interface ThresholdMetCallbackData {
type ScrollArguments (line 37) | interface ScrollArguments {
function useScroll (line 42) | function useScroll (
FILE: packages/vuetify/src/composables/selectLink.ts
function useSelectLink (line 7) | function useSelectLink (link: UseLink, select?: (value: boolean, e?: Eve...
FILE: packages/vuetify/src/composables/size.ts
type SizeProps (line 7) | interface SizeProps {
function useSize (line 19) | function useSize (
FILE: packages/vuetify/src/composables/ssrBoot.ts
function useSsrBoot (line 5) | function useSsrBoot () {
FILE: packages/vuetify/src/composables/stack.ts
type StackProvide (line 24) | interface StackProvide {
function useStack (line 30) | function useStack (
FILE: packages/vuetify/src/composables/tag.ts
type TagProps (line 9) | interface TagProps {
FILE: packages/vuetify/src/composables/teleport.ts
function useTeleport (line 5) | function useTeleport (target: () => (boolean | string | ParentNode)) {
FILE: packages/vuetify/src/composables/theme.ts
type DeepPartial (line 37) | type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<...
type ThemeOptions (line 39) | type ThemeOptions = false | {
type ThemeDefinition (line 48) | type ThemeDefinition = DeepPartial<InternalThemeDefinition>
type InternalThemeOptions (line 50) | interface InternalThemeOptions {
type VariationsOptions (line 63) | interface VariationsOptions {
type InternalThemeDefinition (line 69) | interface InternalThemeDefinition {
type Colors (line 75) | interface Colors extends BaseColors, OnColors {
type BaseColors (line 79) | interface BaseColors {
type OnColors (line 90) | interface OnColors {
type ThemeInstance (line 101) | interface ThemeInstance {
function genDefaults (line 130) | function genDefaults () {
function parseThemeOptions (line 227) | function parseThemeOptions (options: ThemeOptions = genDefaults()): Inte...
function createCssClass (line 235) | function createCssClass (lines: string[], selector: string, content: str...
function genCssVariables (line 243) | function genCssVariables (theme: InternalThemeDefinition, prefix: string) {
function genVariation (line 265) | function genVariation (name: string, color: Color, variations: Variation...
function genVariations (line 278) | function genVariations (colors: InternalThemeDefinition['colors'], varia...
function genOnColors (line 295) | function genOnColors (colors: InternalThemeDefinition['colors'], variabl...
function getScopedSelector (line 312) | function getScopedSelector (selector: string, scope?: string) {
function upsertStyles (line 320) | function upsertStyles (id: string, cspNonce: string | undefined, styles:...
function getOrCreateStyleElement (line 328) | function getOrCreateStyleElement (id: string, cspNonce?: string) {
function createTheme (line 347) | function createTheme (options?: ThemeOptions): ThemeInstance & { install...
function provideTheme (line 560) | function provideTheme (props: { theme?: string }) {
function useTheme (line 584) | function useTheme () {
FILE: packages/vuetify/src/composables/toggleScope.ts
function useToggleScope (line 7) | function useToggleScope (source: WatchSource<boolean>, fn: (reset: () =>...
FILE: packages/vuetify/src/composables/touch.ts
constant HORIZON (line 4) | const HORIZON = 100 // ms
constant HISTORY (line 5) | const HISTORY = 20 // number of samples to keep
type Sample (line 7) | interface Sample {
function kineticEnergyToVelocity (line 13) | function kineticEnergyToVelocity (work: number) {
function calculateImpulseVelocity (line 21) | function calculateImpulseVelocity (samples: Sample[]) {
function useVelocity (line 57) | function useVelocity () {
function oops (line 109) | function oops (): never {
FILE: packages/vuetify/src/composables/transition.ts
type MaybeTransitionProps (line 16) | interface MaybeTransitionProps extends TransitionProps {
FILE: packages/vuetify/src/composables/validation.ts
type ValidationResult (line 17) | type ValidationResult = string | boolean
type ValidationRule (line 18) | type ValidationRule =
type ValidateOnValue (line 24) | type ValidateOnValue = 'blur' | 'input' | 'submit' | 'invalid-input'
type ValidateOn (line 25) | type ValidateOn =
type ValidationProps (line 34) | interface ValidationProps {
function useValidation (line 81) | function useValidation (
FILE: packages/vuetify/src/composables/variant.tsx
type Variant (line 20) | type Variant = typeof allowedVariants[number]
type VariantProps (line 22) | interface VariantProps {
function genOverlays (line 27) | function genOverlays (isClickable: boolean, name: string) {
function useVariant (line 46) | function useVariant (
FILE: packages/vuetify/src/composables/virtual.ts
constant DOWN (line 14) | const DOWN = 1
constant BUFFER_PX (line 17) | const BUFFER_PX = 100
type VirtualProps (line 19) | type VirtualProps = {
function useVirtual (line 37) | function useVirtual <T> (props: VirtualProps, items: Ref<readonly T[]>) {
function binaryClosest (line 279) | function binaryClosest (arr: ArrayLike<number>, val: number) {
FILE: packages/vuetify/src/directives/click-outside/__tests__/click-outside-shadow-dom.spec.ts
function bootstrap (line 7) | function bootstrap (args?: object) {
FILE: packages/vuetify/src/directives/click-outside/__tests__/click-outside.spec.ts
function bootstrap (line 7) | function bootstrap (args?: object) {
FILE: packages/vuetify/src/directives/click-outside/index.ts
type ClickOutsideBindingArgs (line 7) | interface ClickOutsideBindingArgs {
type ClickOutsideDirectiveBinding (line 13) | interface ClickOutsideDirectiveBinding extends DirectiveBinding {
function defaultConditional (line 17) | function defaultConditional () {
function checkEvent (line 21) | function checkEvent (e: MouseEvent, el: HTMLElement, binding: ClickOutsi...
function checkIsActive (line 52) | function checkIsActive (e: MouseEvent, binding: ClickOutsideDirectiveBin...
function directive (line 58) | function directive (e: MouseEvent, el: HTMLElement, binding: ClickOutsid...
function handleShadow (line 69) | function handleShadow (el: HTMLElement, callback: Function): void {
method mounted (line 85) | mounted (el: HTMLElement, binding: ClickOutsideDirectiveBinding) {
method beforeUnmount (line 107) | beforeUnmount (el: HTMLElement, binding: ClickOutsideDirectiveBinding) {
FILE: packages/vuetify/src/directives/color/__tests__/color.spec.ts
method render (line 26) | render (h) {
FILE: packages/vuetify/src/directives/color/index.ts
type BorderModifiers (line 16) | interface BorderModifiers {
function setTextColor (line 23) | function setTextColor (
function setBackgroundColor (line 34) | function setBackgroundColor (
function setBorderColor (line 45) | function setBorderColor (
function setGradientColor (line 64) | function setGradientColor (
function updateColor (line 74) | function updateColor (
function update (line 92) | function update (
FILE: packages/vuetify/src/directives/intersect/__tests__/intersect.spec.browser.tsx
method setup (line 14) | setup () {
method setup (line 30) | setup () {
function setup (line 41) | async function setup (height: string, quiet: boolean) {
FILE: packages/vuetify/src/directives/intersect/index.ts
type ObserveHandler (line 9) | type ObserveHandler = (
type ObserveDirectiveBinding (line 15) | interface ObserveDirectiveBinding extends Omit<DirectiveBinding, 'modifi...
function mounted (line 23) | function mounted (el: HTMLElement, binding: ObserveDirectiveBinding) {
function unmounted (line 66) | function unmounted (el: HTMLElement, binding: ObserveDirectiveBinding) {
FILE: packages/vuetify/src/directives/mutate/__tests__/mutate.spec.ts
method constructor (line 13) | constructor (callback: () => {}) {
method disconnect (line 17) | disconnect () {}
method observe (line 19) | observe (_: any, options = {}) {
method trigger (line 23) | trigger (evts: MutationRecord[]) { // Trigger this manually in tests
FILE: packages/vuetify/src/directives/mutate/index.ts
type MutationDirectiveBinding (line 5) | interface MutationDirectiveBinding extends Omit<DirectiveBinding, 'modif...
function mounted (line 10) | function mounted (el: HTMLElement, binding: MutationDirectiveBinding) {
function unmounted (line 45) | function unmounted (el: HTMLElement, binding: MutationDirectiveBinding) {
FILE: packages/vuetify/src/directives/resize/index.ts
type ResizeDirectiveBinding (line 4) | interface ResizeDirectiveBinding extends Omit<DirectiveBinding, 'modifie...
function mounted (line 12) | function mounted (el: HTMLElement, binding: ResizeDirectiveBinding) {
function unmounted (line 31) | function unmounted (el: HTMLElement, binding: ResizeDirectiveBinding) {
FILE: packages/vuetify/src/directives/ripple/index.ts
type VuetifyRippleEvent (line 12) | type VuetifyRippleEvent = (MouseEvent | TouchEvent | KeyboardEvent) & { ...
constant DELAY_RIPPLE (line 14) | const DELAY_RIPPLE = 80
function transform (line 16) | function transform (el: HTMLElement, value: string) {
type RippleOptions (line 21) | interface RippleOptions {
type RippleDirectiveBinding (line 27) | interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifie...
function isTouchEvent (line 39) | function isTouchEvent (e: VuetifyRippleEvent): e is TouchEvent {
function isKeyboardEvent (line 43) | function isKeyboardEvent (e: VuetifyRippleEvent): e is KeyboardEvent {
method show (line 84) | show (
method hide (line 132) | hide (el: HTMLElement | null) {
function isRippleEnabled (line 163) | function isRippleEnabled (value: any) {
function rippleShow (line 167) | function rippleShow (e: VuetifyRippleEvent) {
function rippleStop (line 210) | function rippleStop (e: VuetifyRippleEvent) {
function rippleHide (line 214) | function rippleHide (e: Event) {
function rippleCancelShow (line 241) | function rippleCancelShow (e: MouseEvent | TouchEvent) {
function keyboardRippleShow (line 255) | function keyboardRippleShow (e: KeyboardEvent, keys: string[]) {
function keyboardRippleHide (line 262) | function keyboardRippleHide (e: KeyboardEvent) {
function focusRippleHide (line 267) | function focusRippleHide (e: FocusEvent) {
function updateRipple (line 274) | function updateRipple (el: HTMLElement, binding: RippleDirectiveBinding,...
function removeListeners (line 323) | function removeListeners (el: HTMLElement) {
function mounted (line 346) | function mounted (el: HTMLElement, binding: RippleDirectiveBinding) {
function unmounted (line 350) | function unmounted (el: HTMLElement) {
function updated (line 355) | function updated (el: HTMLElement, binding: RippleDirectiveBinding) {
FILE: packages/vuetify/src/directives/scroll/__tests__/scroll.spec.browser.tsx
function setup (line 9) | function setup (selector = '') {
FILE: packages/vuetify/src/directives/scroll/index.ts
type ScrollDirectiveBinding (line 4) | interface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifie...
function mounted (line 14) | function mounted (el: HTMLElement, binding: ScrollDirectiveBinding) {
function unmounted (line 39) | function unmounted (el: HTMLElement, binding: ScrollDirectiveBinding) {
function updated (line 48) | function updated (el: HTMLElement, binding: ScrollDirectiveBinding) {
FILE: packages/vuetify/src/directives/tooltip/index.ts
type TooltipDirectiveBinding (line 14) | interface TooltipDirectiveBinding extends Omit<DirectiveBinding<string>,...
FILE: packages/vuetify/src/directives/touch/__tests__/touch.spec.browser.tsx
method setup (line 17) | setup (props) {
FILE: packages/vuetify/src/directives/touch/index.ts
type TouchHandlers (line 9) | interface TouchHandlers {
type TouchData (line 19) | interface TouchData {
type TouchWrapper (line 30) | type TouchWrapper = TouchHandlers & TouchData
type TouchValue (line 32) | interface TouchValue extends TouchHandlers {
type TouchStoredHandlers (line 37) | interface TouchStoredHandlers {
type TouchDirectiveBinding (line 43) | interface TouchDirectiveBinding extends Omit<DirectiveBinding, 'value'> {
function touchstart (line 65) | function touchstart (event: TouchEvent, wrapper: TouchWrapper) {
function touchend (line 73) | function touchend (event: TouchEvent, wrapper: TouchWrapper) {
function touchmove (line 83) | function touchmove (event: TouchEvent, wrapper: TouchWrapper) {
function createHandlers (line 91) | function createHandlers (value: TouchHandlers = {}): TouchStoredHandlers {
function mounted (line 117) | function mounted (el: HTMLElement, binding: TouchDirectiveBinding) {
function unmounted (line 135) | function unmounted (el: HTMLElement, binding: TouchDirectiveBinding) {
FILE: packages/vuetify/src/framework.ts
type VuetifyOptions (line 29) | interface VuetifyOptions {
type Blueprint (line 44) | interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {}
function createVuetify (line 46) | function createVuetify (vuetify: VuetifyOptions = {}) {
function inject (line 153) | function inject (this: ComponentPublicInstance, key: InjectionKey<any> |...
FILE: packages/vuetify/src/globals.d.ts
type Element (line 9) | interface Element {
type WheelEvent (line 55) | interface WheelEvent {
type MouseEvent (line 59) | interface MouseEvent {
type ColorSelectionOptions (line 64) | interface ColorSelectionOptions {
type ColorSelectionResult (line 68) | interface ColorSelectionResult {
type EyeDropper (line 72) | interface EyeDropper {
type EyeDropperConstructor (line 76) | interface EyeDropperConstructor {
type Window (line 80) | interface Window {
type Element (line 92) | interface Element extends VNode {}
type IntrinsicAttributes (line 93) | interface IntrinsicAttributes {
type ComponentCustomProperties (line 100) | interface ComponentCustomProperties {
type ComponentInternalInstance (line 104) | interface ComponentInternalInstance {
type FunctionalComponent (line 109) | interface FunctionalComponent {
type ComponentOptionsBase (line 113) | interface ComponentOptionsBase<
type App (line 131) | interface App {
type VNode (line 135) | interface VNode {
type UnionToIntersection (line 140) | type UnionToIntersection<U> =
type Combine (line 143) | type Combine<T extends string> = T | {
type Modifiers (line 149) | type Modifiers = Combine<'Passive' | 'Capture' | 'Once'>
type ModifiedEvents (line 151) | type ModifiedEvents = UnionToIntersection<{
type EventHandlers (line 155) | type EventHandlers<E> = {
type HTMLAttributes (line 159) | interface HTMLAttributes extends EventHandlers<ModifiedEvents> {
type CustomProperties (line 163) | type CustomProperties = {
type CSSProperties (line 167) | interface CSSProperties extends CustomProperties {}
FILE: packages/vuetify/src/icons.ts
function genDefaults (line 11) | function genDefaults (): Record<string, IconSet> {
function createIcons (line 22) | function createIcons (options?: IconOptions) {
FILE: packages/vuetify/src/labs/VAvatarGroup/VAvatarGroup.tsx
type AvatarGroupItem (line 20) | type AvatarGroupItem = string | Record<string, any>
type VAvatarGroupSlots (line 22) | type VAvatarGroupSlots = {
method setup (line 57) | setup (props, { slots }) {
type VAvatarGroup (line 147) | type VAvatarGroup = InstanceType<typeof VAvatarGroup>
FILE: packages/vuetify/src/labs/VColorInput/VColorInput.tsx
type VColorInputActionsSlot (line 23) | type VColorInputActionsSlot = {
type VColorInputSlots (line 29) | type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {
type PipLocation (line 35) | type PipLocation = typeof availablePipLocations[number]
method setup (line 76) | setup (props, { slots }) {
type VColorInput (line 220) | type VColorInput = InstanceType<typeof VColorInput>
FILE: packages/vuetify/src/labs/VCommandPalette/VCommandPalette.tsx
type VCommandPaletteSlots (line 63) | type VCommandPaletteSlots = {
method setup (line 95) | setup (props, { emit, slots }) {
type VCommandPalette (line 369) | type VCommandPalette = InstanceType<typeof VCommandPalette>
FILE: packages/vuetify/src/labs/VCommandPalette/VCommandPaletteItem.tsx
type VCommandPaletteItemSlots (line 24) | type VCommandPaletteItemSlots = {
method setup (line 35) | setup (props, { slots }) {
type VCommandPaletteItem (line 57) | type VCommandPaletteItem = InstanceType<typeof VCommandPaletteItem>
FILE: packages/vuetify/src/labs/VCommandPalette/composables/useCommandPaletteNavigation.ts
type UseCommandPaletteNavigationOptions (line 9) | interface UseCommandPaletteNavigationOptions {
type UseCommandPaletteNavigationReturn (line 14) | interface UseCommandPaletteNavigationReturn {
function getItemKey (line 23) | function getItemKey (item: VCommandPaletteItem): string | undefined {
function findFirstSelectableIndex (line 28) | function findFirstSelectableIndex (items: VCommandPaletteItem[]): number {
function useCommandPaletteNavigation (line 32) | function useCommandPaletteNavigation (
FILE: packages/vuetify/src/labs/VCommandPalette/shared.ts
type CommandPaletteProvide (line 8) | interface CommandPaletteProvide {
function useCommandPalette (line 18) | function useCommandPalette () {
FILE: packages/vuetify/src/labs/VCommandPalette/types.ts
type BaseVListItem (line 4) | interface BaseVListItem {
type NavigableItemProps (line 13) | interface NavigableItemProps {
type VCommandPaletteActionItem (line 18) | interface VCommandPaletteActionItem extends BaseVListItem, NavigableItem...
type VCommandPaletteSubheader (line 25) | interface VCommandPaletteSubheader {
type VCommandPaletteDivider (line 31) | interface VCommandPaletteDivider {
type VCommandPaletteItem (line 36) | type VCommandPaletteItem =
function isActionItem (line 41) | function isActionItem (item: any): item is VCommandPaletteActionItem {
FILE: packages/vuetify/src/labs/VDateInput/VDateInput.tsx
type VDateInputActionsSlot (line 31) | type VDateInputActionsSlot = {
type VDateInputSlots (line 37) | type VDateInputSlots = Omit<VTextFieldSlots, 'default'> &
method setup (line 110) | setup (props, { emit, slots }) {
type VDateInput (line 385) | type VDateInput = InstanceType<typeof VDateInput>
FILE: packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx
type VFileUploadSlots (line 26) | type VFileUploadSlots = Omit<VInputSlots, 'default'> & {
method setup (line 100) | setup (props, { attrs, emit, slots }) {
type VFileUpload (line 288) | type VFileUpload = InstanceType<typeof VFileUpload>
FILE: packages/vuetify/src/labs/VFileUpload/VFileUploadDropzone.tsx
type VFileUploadContext (line 25) | interface VFileUploadContext {
type VFileUploadDropzoneSlots (line 36) | type VFileUploadDropzoneSlots = {
method setup (line 114) | setup (props, { emit, slots }) {
type VFileUploadDropzone (line 377) | type VFileUploadDropzone = InstanceType<typeof VFileUploadDropzone>
FILE: packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx
type VFileUploadItemSlots (line 15) | type VFileUploadItemSlots = {
method setup (line 51) | setup (props, { emit, slots }) {
type VFileUploadItem (line 145) | type VFileUploadItem = InstanceType<typeof VFileUploadItem>
FILE: packages/vuetify/src/labs/VFileUpload/VFileUploadList.tsx
type VFileUploadListSlots (line 14) | type VFileUploadListSlots = {
method setup (line 42) | setup (props, { slots }) {
type VFileUploadList (line 99) | type VFileUploadList = InstanceType<typeof VFileUploadList>
FILE: packages/vuetify/src/labs/VIconBtn/VIconBtn.tsx
type VIconBtnSlots (line 29) | type VIconBtnSlots = {
type VIconBtnSizes (line 34) | type VIconBtnSizes = 'x-small' | 'small' | 'default' | 'large' | 'x-large'
method setup (line 96) | setup (props, { attrs, slots }) {
type VIconBtn (line 223) | type VIconBtn = InstanceType<typeof VIconBtn>
FILE: packages/vuetify/src/labs/VMaskInput/VMaskInput.tsx
type VMaskInputSlots (line 16) | type VMaskInputSlots = VTextFieldSlots
method setup (line 33) | setup (props, { slots, emit }) {
type VMaskInput (line 239) | type VMaskInput = InstanceType<typeof VMaskInput>
FILE: packages/vuetify/src/labs/VPicker/VPicker.tsx
type VPickerSlots (line 16) | type VPickerSlots = {
method setup (line 39) | setup (props, { slots }) {
type VPicker (line 111) | type VPicker = InstanceType<typeof VPicker>
FILE: packages/vuetify/src/labs/VPicker/VPickerTitle.ts
type VPickerTitle (line 6) | type VPickerTitle = InstanceType<typeof VPickerTitle>
FILE: packages/vuetify/src/labs/VPicker/__tests__/VPicker.spec.ts
type Instance (line 15) | type Instance = InstanceType<typeof VPicker>
FILE: packages/vuetify/src/labs/VPie/VPie.tsx
type VPieSlots (line 28) | type VPieSlots = {
method setup (line 113) | setup (props, { slots }) {
type VPie (line 422) | type VPie = InstanceType<typeof VPie>
FILE: packages/vuetify/src/labs/VPie/VPieSegment.tsx
method setup (line 49) | setup (props) {
type VPieSegment (line 147) | type VPieSegment = InstanceType<typeof VPieSegment>
FILE: packages/vuetify/src/labs/VPie/VPieTooltip.tsx
type VPieTooltipSlots (line 17) | type VPieTooltipSlots = {
method setup (line 46) | setup (props, { slots }) {
type VPieTooltip (line 88) | type VPieTooltip = InstanceType<typeof VPieTooltip>
FILE: packages/vuetify/src/labs/VPie/types.ts
type PieItem (line 1) | interface PieItem {
type PieSegmentProps (line 11) | interface PieSegmentProps {
type TextTemplate (line 19) | type TextTemplate = string | ((v: PieItem) => string)
FILE: packages/vuetify/src/labs/VPie/utils.ts
function formatTextTemplate (line 10) | function formatTextTemplate (template: string, item?: PieItem) {
function usePieArc (line 18) | function usePieArc (props: PieSegmentProps, isHovering: Ref<boolean>) {
function useOuterSlicePath (line 42) | function useOuterSlicePath ({
function useInnerSlicePath (line 67) | function useInnerSlicePath ({
FILE: packages/vuetify/src/labs/VProgress/VProgress.tsx
type ValueFormat (line 18) | type ValueFormat = string | ((ctx: { value: number, max: number, percent...
type VProgressSlotsProps (line 20) | type VProgressSlotsProps = {
type VProgressSlots (line 27) | type VProgressSlots = {
function formatValue (line 67) | function formatValue (format: ValueFormat, value: number, max: number, p...
method setup (line 80) | setup (props, { slots }) {
type VProgress (line 177) | type VProgress = InstanceType<typeof VProgress>
FILE: packages/vuetify/src/labs/VPullToRefresh/VPullToRefresh.tsx
type VPullToRefreshSlots (line 12) | type VPullToRefreshSlots = {
method setup (line 36) | setup (props, { slots, emit }) {
type VPullToRefresh (line 168) | type VPullToRefresh = InstanceType<typeof VPullToRefresh>
FILE: packages/vuetify/src/labs/VStepperVertical/VStepperVertical.tsx
type VStepperVerticalSlots (line 20) | type VStepperVerticalSlots<T> = {
method setup (line 65) | setup (props, { slots }) {
type VStepperVertical (line 153) | type VStepperVertical = InstanceType<typeof VStepperVertical>
FILE: packages/vuetify/src/labs/VStepperVertical/VStepperVerticalActions.tsx
method setup (line 24) | setup (props, { emit, slots }) {
type VStepperVerticalActions (line 51) | type VStepperVerticalActions = InstanceType<typeof VStepperVerticalActions>
FILE: packages/vuetify/src/labs/VStepperVertical/VStepperVerticalItem.tsx
type StepperVerticalItemActionSlot (line 19) | type StepperVerticalItemActionSlot<T = any> = StepperItemSlot<T> & {
type VStepperVerticalItemSlots (line 24) | type VStepperVerticalItemSlots<T = any> = {
method setup (line 56) | setup (props, { emit, slots }) {
type VStepperVerticalItem (line 207) | type VStepperVerticalItem = InstanceType<typeof VStepperVerticalItem>
FILE: packages/vuetify/src/labs/VVideo/VVideo.tsx
type VVideoSlots (line 34) | type VVideoSlots = {
type Variant (line 45) | type Variant = typeof allowedVariants[number]
method setup (line 104) | setup (props, { attrs, emit, slots }) {
type VVideo (line 580) | type VVideo = InstanceType<typeof VVideo>
FILE: packages/vuetify/src/labs/VVideo/VVideoControls.tsx
type VVideoControlsActionsSlot (line 28) | type VVideoControlsActionsSlot = {
type VVideoControlsSlots (line 41) | type VVideoControlsSlots = {
type VVideoControlsVariant (line 48) | type VVideoControlsVariant = typeof allowedVariants[number]
method setup (line 100) | setup (props, { emit, slots }) {
type VVideoControls (line 387) | type VVideoControls = InstanceType<typeof VVideoControls>
FILE: packages/vuetify/src/labs/VVideo/VVideoVolume.tsx
method setup (line 51) | setup (props, { attrs }) {
type VVideoVolume (line 132) | type VVideoVolume = InstanceType<typeof VVideoVolume>
FILE: packages/vuetify/src/labs/rules/plugin.ts
type RulesPlugin (line 9) | interface RulesPlugin {
function createRulesPlugin (line 13) | function createRulesPlugin (rules: RulesOptions, locale: LocaleInstance)...
FILE: packages/vuetify/src/labs/rules/rules.ts
type ValidationRuleBuilderWithoutOptions (line 9) | type ValidationRuleBuilderWithoutOptions = (err?: string) => ValidationRule
type ValidationRuleBuilderWithOptions (line 10) | type ValidationRuleBuilderWithOptions<T> = (options: T, err?: string) =>...
type ValidationRuleBuilder (line 11) | type ValidationRuleBuilder =
type RuleAliases (line 15) | interface RuleAliases {
type RulesOptions (line 30) | type RulesOptions = {
type ValidationRuleParams (line 34) | type ValidationRuleParams = [any, string?]
type ValidationAlias (line 35) | type ValidationAlias = string | [string, ...ValidationRuleParams]
type RulesInstance (line 37) | type RulesInstance = {
function createRules (line 42) | function createRules (options: RulesOptions | undefined, locale: LocaleI...
function useRules (line 126) | function useRules (fn?: () => ValidationProps['rules']) {
FILE: packages/vuetify/src/locale/adapters/vue-i18n.ts
type VueI18nAdapterParams (line 12) | type VueI18nAdapterParams = {
function useProvided (line 17) | function useProvided <T> (props: any, prop: string, provided: Ref<T>) {
function inferDecimalSeparator (line 31) | function inferDecimalSeparator (format: (v: number) => string) {
function createProvideFunction (line 35) | function createProvideFunction (data: {
function createVueI18nAdapter (line 72) | function createVueI18nAdapter ({ i18n, useI18n }: VueI18nAdapterParams):...
FILE: packages/vuetify/src/locale/adapters/vuetify.ts
constant LANG_PREFIX (line 15) | const LANG_PREFIX = '$vuetify.'
function createNumberFunction (line 58) | function createNumberFunction (current: Ref<string>, fallback: Ref<strin...
function inferDecimalSeparator (line 66) | function inferDecimalSeparator (current: Ref<string>, fallback: Ref<stri...
function useProvided (line 71) | function useProvided <T> (props: any, prop: string, provided: Ref<T>) {
function createProvideFunction (line 86) | function createProvideFunction (state: { current: Ref<string>, fallback:...
function createVuetifyAdapter (line 105) | function createVuetifyAdapter (options?: LocaleOptions): LocaleInstance {
FILE: packages/vuetify/src/shims.d.ts
type ElementChildrenAttribute (line 20) | interface ElementChildrenAttribute {
type Vuetify (line 27) | interface Vuetify {
type ComponentCustomProperties (line 36) | interface ComponentCustomProperties {
type HTMLAttributes (line 39) | interface HTMLAttributes {
type SVGAttributes (line 42) | interface SVGAttributes {
type GlobalComponents (line 45) | interface GlobalComponents {
type GlobalDirectives (line 48) | interface GlobalDirectives {
FILE: packages/vuetify/src/util/__tests__/colorUtils.spec.ts
function closeTo (line 240) | function closeTo (arr: number[], precision = 3) {
FILE: packages/vuetify/src/util/__tests__/getCurrentInstance.spec.tsx
method setup (line 13) | setup () {
FILE: packages/vuetify/src/util/anchor.ts
type Tblock (line 6) | type Tblock = typeof block[number]
type Tinline (line 7) | type Tinline = typeof inline[number]
type Anchor (line 8) | type Anchor =
type ParsedAnchor (line 15) | type ParsedAnchor =
function parseAnchor (line 21) | function parseAnchor (anchor: Anchor, isRtl: boolean) {
function toPhysical (line 36) | function toPhysical (str: 'center' | Tblock | Tinline, isRtl: boolean) {
function flipSide (line 42) | function flipSide (anchor: ParsedAnchor) {
function flipAlign (line 55) | function flipAlign (anchor: ParsedAnchor) {
function flipCorner (line 68) | function flipCorner (anchor: ParsedAnchor) {
function getAxis (line 75) | function getAxis (anchor: ParsedAnchor) {
FILE: packages/vuetify/src/util/animation.ts
function nullifyTransforms (line 5) | function nullifyTransforms (el: HTMLElement): Box {
function animate (line 40) | function animate (
FILE: packages/vuetify/src/util/bindProps.ts
function bindProps (line 6) | function bindProps (el: HTMLElement, props: Record<string, any>) {
function unbindProps (line 35) | function unbindProps (el: HTMLElement, props: Record<string, any>) {
FILE: packages/vuetify/src/util/box.ts
class Box (line 1) | class Box {
method constructor (line 7) | constructor (args: Element | {
method top (line 25) | get top () { return this.y }
method bottom (line 26) | get bottom () { return this.y + this.height }
method left (line 27) | get left () { return this.x }
method right (line 28) | get right () { return this.x + this.width }
function getOverflow (line 31) | function getOverflow (a: Box, b: Box) {
function getTargetBox (line 44) | function getTargetBox (target: HTMLElement | [x: number, y: number]): Box {
function getElementBox (line 60) | function getElementBox (el: HTMLElement) {
FILE: packages/vuetify/src/util/color/APCA.ts
function APCAcontrast (line 45) | function APCAcontrast (text: RGB, background: RGB) {
FILE: packages/vuetify/src/util/color/transformCIELAB.ts
function fromXYZ (line 18) | function fromXYZ (xyz: XYZ): LAB {
function toXYZ (line 29) | function toXYZ (lab: LAB): XYZ {
FILE: packages/vuetify/src/util/color/transformSRGB.ts
function fromXYZ (line 35) | function fromXYZ (xyz: XYZ): RGB {
function toXYZ (line 57) | function toXYZ ({ r, g, b }: RGB): XYZ {
FILE: packages/vuetify/src/util/colorUtils.ts
type XYZ (line 11) | type XYZ = [number, number, number]
type LAB (line 12) | type LAB = [number, number, number]
type HSV (line 13) | type HSV = { h: number, s: number, v: number, a?: number }
type RGB (line 14) | type RGB = { r: number, g: number, b: number, a?: number }
type HSL (line 15) | type HSL = { h: number, s: number, l: number, a?: number }
type Hex (line 16) | type Hex = string & { __hexBrand: never }
type Color (line 17) | type Color = string | number | HSV | RGB | HSL
function isCssColor (line 19) | function isCssColor (color?: string | null | false): boolean {
function isParsableColor (line 23) | function isParsableColor (color: string): boolean {
function parseColor (line 37) | function parseColor (color: Color): RGB {
function RGBToInt (line 93) | function RGBToInt (color: RGB) {
function classToHex (line 97) | function classToHex (
function HSVtoRGB (line 120) | function HSVtoRGB (hsva: HSV): RGB {
function HSLtoRGB (line 132) | function HSLtoRGB (hsla: HSL): RGB {
function RGBtoHSV (line 137) | function RGBtoHSV (rgba: RGB): HSV {
function HSVtoHSL (line 166) | function HSVtoHSL (hsva: HSV): HSL {
function HSLtoHSV (line 176) | function HSLtoHSV (hsl: HSL): HSV {
function RGBtoCSS (line 186) | function RGBtoCSS ({ r, g, b, a }: RGB): string {
function HSVtoCSS (line 190) | function HSVtoCSS (hsva: HSV): string {
function toHex (line 194) | function toHex (v: number) {
function RGBtoHex (line 199) | function RGBtoHex ({ r, g, b, a }: RGB): Hex {
function HexToRGB (line 208) | function HexToRGB (hex: Hex): RGB {
function HexToHSV (line 216) | function HexToHSV (hex: Hex): HSV {
function HSVtoHex (line 221) | function HSVtoHex (hsva: HSV): Hex {
function parseHex (line 225) | function parseHex (hex: string): Hex {
function parseGradient (line 243) | function parseGradient (
function lighten (line 255) | function lighten (value: RGB, amount: number): RGB {
function darken (line 262) | function darken (value: RGB, amount: number): RGB {
function getLuma (line 273) | function getLuma (color: Color) {
function getContrast (line 283) | function getContrast (first: Color, second: Color) {
function hasLightForeground (line 293) | function hasLightForeground (color: Color) {
FILE: packages/vuetify/src/util/console.ts
function consoleWarn (line 6) | function consoleWarn (message: string): void {
function consoleError (line 10) | function consoleError (message: string): void {
function deprecate (line 14) | function deprecate (original: string, replacement: string | string[]) {
function breaking (line 20) | function breaking (original: string, replacement: string) {
function removed (line 23) | function removed (original: string) {
FILE: packages/vuetify/src/util/createSimpleFunctional.ts
function createSimpleFunctional (line 8) | function createSimpleFunctional (
FILE: packages/vuetify/src/util/deepEqual.ts
function updateRecursionCache (line 3) | function updateRecursionCache (a: any, b: any, cache: WeakMap<any, any>,...
function findCachedComparison (line 16) | function findCachedComparison (a: any, b: any, cache: WeakMap<any, any>)...
type ValueComparator (line 26) | type ValueComparator = (a: any, b: any) => boolean
function deepEqual (line 28) | function deepEqual (a: any, b: any, recursionCache = new WeakMap()): boo...
FILE: packages/vuetify/src/util/defineComponent.tsx
function defineComponent (line 102) | function defineComponent (options: ComponentOptions) {
type ToListeners (line 138) | type ToListeners<T extends string | number | symbol> = { [K in T]: K ext...
type SlotsToProps (line 140) | type SlotsToProps<
type RawSlots (line 155) | type RawSlots = Record<string, unknown>
type Slot (line 156) | type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNod...
type VueSlot (line 157) | type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[]
type MakeInternalSlots (line 158) | type MakeInternalSlots<T extends RawSlots> = {
type MakeSlots (line 161) | type MakeSlots<T extends RawSlots> = {
type GenericProps (line 165) | type GenericProps<Props, Slots extends Record<string, unknown>> = {
type DefineComponentWithGenericProps (line 170) | type DefineComponentWithGenericProps<T extends (new (props: Record<strin...
type DefineComponentWithSlots (line 215) | type DefineComponentWithSlots<Slots extends RawSlots> = <
function genericComponent (line 260) | function genericComponent (exposeDefaults = true) {
function defineFunctionalComponent (line 264) | function defineFunctionalComponent<
type EmitsToProps (line 274) | type EmitsToProps<T extends EmitsOptions> = T extends string[]
type PublicProps (line 293) | type PublicProps =
type FilterPropsOptions (line 299) | interface FilterPropsOptions<PropsOptions extends Readonly<ComponentProp...
type ComponentInstance (line 307) | type ComponentInstance<T> = T extends { new (): ComponentPublicInstance<...
type ShortEmitsToObject (line 328) | type ShortEmitsToObject<E> = E extends Record<string, any[]> ? {
type JSXComponent (line 332) | type JSXComponent<Props = any> =
FILE: packages/vuetify/src/util/dom.ts
function attachedRoot (line 6) | function attachedRoot (node: Node): null | HTMLDocument | ShadowRoot {
FILE: packages/vuetify/src/util/easing.ts
type EasingFunction (line 13) | type EasingFunction = (n: number) => number
type EasingOptions (line 32) | type EasingOptions = {
type InternalEasingOptions (line 37) | type InternalEasingOptions = {
function useTransition (line 42) | function useTransition (source: MaybeRefOrGetter<number>, options: Maybe...
FILE: packages/vuetify/src/util/events.ts
type EventHandler (line 4) | type EventHandler = (event: Event) => any
function getPrefixedEventHandlers (line 6) | function getPrefixedEventHandlers<T extends `:${string}`> (
FILE: packages/vuetify/src/util/getCurrentInstance.ts
function getCurrentInstance (line 5) | function getCurrentInstance (name: string, message?: string) {
function getCurrentInstanceName (line 15) | function getCurrentInstanceName (name = 'composables') {
FILE: packages/vuetify/src/util/getScrollParent.ts
function getScrollParent (line 1) | function getScrollParent (el?: HTMLElement, includeHidden = false) {
function getScrollParents (line 10) | function getScrollParents (el?: Element | null, stopAt?: Element | null) {
function hasScrollbar (line 24) | function hasScrollbar (el?: Element | null) {
function isPotentiallyScrollable (line 33) | function isPotentiallyScrollable (el?: Element | null) {
FILE: packages/vuetify/src/util/globals.ts
constant IN_BROWSER (line 1) | const IN_BROWSER = typeof window !== 'undefined'
constant SUPPORTS_INTERSECTION (line 2) | const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in wi...
constant SUPPORTS_TOUCH (line 3) | const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window...
constant SUPPORTS_EYE_DROPPER (line 4) | const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window
constant SUPPORTS_MATCH_MEDIA (line 5) | const SUPPORTS_MATCH_MEDIA = IN_BROWSER && 'matchMedia' in window && typ...
FILE: packages/vuetify/src/util/helpers.ts
function getNestedValue (line 35) | function getNestedValue (obj: any, path: (string | number)[], fallback?:...
function getObjectValueByPath (line 52) | function getObjectValueByPath (obj: any, path?: string | null, fallback?...
type SelectItemKey (line 61) | type SelectItemKey<T = Record<string, any>> =
function getPropertyFromItem (line 67) | function getPropertyFromItem (
function createRange (line 95) | function createRange (length: number, start = 0): number[] {
function getZIndex (line 99) | function getZIndex (el?: Element | null): number {
function convertToUnit (line 110) | function convertToUnit (str: string | number | null | undefined, unit = ...
function isObject (line 124) | function isObject (obj: any): obj is Record<string, any> {
function isPlainObject (line 128) | function isPlainObject (obj: any): obj is Record<string, any> {
function refElement (line 136) | function refElement (obj?: ComponentPublicInstance<any> | HTMLElement): ...
function keys (line 189) | function keys<O extends {}> (o: O) {
function has (line 193) | function has<T extends string> (obj: object, key: T[]): obj is Record<T,...
type MaybePick (line 197) | type MaybePick<
function pick (line 203) | function pick<
function pickWithRest (line 230) | function pickWithRest<
function omit (line 254) | function omit<
function isComposingIgnoreKey (line 339) | function isComposingIgnoreKey (e: KeyboardEvent): boolean {
function filterInputAttrs (line 348) | function filterInputAttrs (attrs: Record<string, unknown>) {
function arrayDiff (line 360) | function arrayDiff (a: any[], b: any[]): any[] {
type IfAny (line 368) | type IfAny<T, Y, N> = 0 extends (1 & T) ? Y : N;
function wrapInArray (line 369) | function wrapInArray<T> (
function defaultFilter (line 380) | function defaultFilter (value: any, search: string | null, item: any) {
function debounce (line 387) | function debounce (fn: Function, delay: MaybeRef<number>) {
function clamp (line 400) | function clamp (value: number, min = 0, max = 1) {
function getDecimals (line 404) | function getDecimals (value: number) {
function padEnd (line 411) | function padEnd (str: string, length: number, char = '0') {
function padStart (line 415) | function padStart (str: string, length: number, char = '0') {
function chunk (line 419) | function chunk (str: string, size = 1) {
function chunkArray (line 429) | function chunkArray (array: any[], size = 1) {
function humanReadableFileSize (line 435) | function humanReadableFileSize (bytes: number, base: 1000 | 1024 = 1000)...
function mergeDeep (line 449) | function mergeDeep (
function flattenFragments (line 490) | function flattenFragments (nodes: VNode[]): VNode[] {
function toKebabCase (line 500) | function toKebabCase (str = '') {
type MaybeRef (line 511) | type MaybeRef<T> = T | Ref<T>
function findChildrenWithProvide (line 513) | function findChildrenWithProvide (
class CircularBuffer (line 536) | class CircularBuffer<T = never> {
method constructor (line 540) | constructor (public readonly size: number) {}
method isFull (line 542) | get isFull () {
method push (line 546) | push (val: T) {
method values (line 551) | values (): T[] {
method clear (line 555) | clear () {
type UnionToIntersection (line 561) | type UnionToIntersection<U> =
function getEventCoordinates (line 564) | function getEventCoordinates (e: MouseEvent | TouchEvent) {
type NotAUnion (line 573) | type NotAUnion<T> = [T] extends [infer U] ? _NotAUnion<U, U> : never
type _NotAUnion (line 574) | type _NotAUnion<T, U> = U extends any ? [T] extends [U] ? unknown : neve...
type ToReadonlyRefs (line 576) | type ToReadonlyRefs<T> = { [K in keyof T]: Readonly<ToRef<T[K]>> }
function destructComputed (line 583) | function destructComputed<T extends object> (getter: ComputedGetter<T>) {
function includes (line 599) | function includes (arr: readonly any[], val: any) {
function eventName (line 603) | function eventName (propName: string) {
type EventProp (line 608) | type EventProp<T extends any[] = any[], F = (...args: T) => void> = F
function hasEvent (line 611) | function hasEvent (props: Record<string, any>, name: string) {
function callEvent (line 616) | function callEvent<T extends any[]> (handler: EventProp<T> | EventProp<T...
function focusableChildren (line 626) | function focusableChildren (el: Element, filterByTabIndex = true) {
function getNextElement (line 659) | function getNextElement (elements: HTMLElement[], location?: 'next' | 'p...
function focusChild (line 670) | function focusChild (el: Element, location?: 'next' | 'prev' | 'first' |...
function isEmpty (line 690) | function isEmpty (val: any): boolean {
function noop (line 694) | function noop () {}
function matchesSelector (line 697) | function matchesSelector (el: Element | undefined, selector: string): bo...
function ensureValidVNode (line 712) | function ensureValidVNode (vnodes: VNodeArrayChildren): VNodeArrayChildr...
type Slot (line 723) | type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNod...
function renderSlot (line 727) | function renderSlot (slot?: Slot<unknown>, props?: unknown, fallback?: S...
function defer (line 732) | function defer (timeout: number, cb: () => void) {
function isClickInsideElement (line 744) | function isClickInsideElement (event: MouseEvent, targetDiv: HTMLElement) {
type TemplateRef (line 757) | type TemplateRef = {
function templateRef (line 762) | function templateRef () {
function checkPrintable (line 780) | function checkPrintable (e: KeyboardEvent) {
type Primitive (line 786) | type Primitive = string | number | boolean | symbol | bigint
function isPrimitive (line 787) | function isPrimitive (value: unknown): value is Primitive {
function escapeForRegex (line 791) | function escapeForRegex (sign: string) {
function extractNumber (line 797) | function extractNumber (text: string, decimalDigitsLimit: number | null,...
function camelizeProps (line 822) | function camelizeProps<T extends Record<string, unknown>> (props: T | nu...
function onlyDefinedProps (line 830) | function onlyDefinedProps (props: Record<string, any>) {
type NonEmptyArray (line 836) | type NonEmptyArray<T> = [T, ...T[]]
function deepToRaw (line 838) | function deepToRaw<T extends {}> (value: T): T {
FILE: packages/vuetify/src/util/indentLines.ts
type IndentLinesVariant (line 2) | type IndentLinesVariant = 'default' | 'simple'
type IndentLineType (line 3) | type IndentLineType = 'leaf' | 'last-leaf' | 'line' | 'leaf-link' | 'none'
type IndentLinesOptions (line 5) | type IndentLinesOptions = {
type IndentLines (line 15) | type IndentLines = {
function getIndentLines (line 22) | function getIndentLines ({
FILE: packages/vuetify/src/util/injectSelf.ts
function injectSelf (line 8) | function injectSelf (key: InjectionKey<any> | string, vm = getCurrentIns...
FILE: packages/vuetify/src/util/isFixedPosition.ts
function isFixedPosition (line 1) | function isFixedPosition (el?: HTMLElement) {
FILE: packages/vuetify/src/util/propsFactory.ts
function propsFactory (line 31) | function propsFactory<
type AppendDefault (line 59) | type AppendDefault<T extends ComponentObjectPropsOptions, D extends Part...
type MergeTypeDefault (line 73) | type MergeTypeDefault<T, D, P = InferPropType<T>> = unknown extends D
type MergeDefault (line 76) | type MergeDefault<T, D, P = InferPropType<T>> = unknown extends D
type PartialKeys (line 83) | type PartialKeys<T> = { [P in keyof T]?: unknown }
type InferPropType (line 86) | type InferPropType<T> = [T] extends [null]
FILE: packages/vuetify/src/util/svg-arc-corners.ts
type Point (line 5) | type Point = [x: number, y: number]
function pointOnArc (line 7) | function pointOnArc (center: Point, radius: number, angle: number) {
function drawCircle (line 12) | function drawCircle ([x, y]: Point, r: number, width: number) {
function simpleArc (line 25) | function simpleArc (center: Point, r: number, startAngle: number, endAng...
function roundedArc (line 38) | function roundedArc (center: Point, radius: number, startAngle: number, ...
FILE: packages/vuetify/src/util/throttle.ts
function throttle (line 1) | function throttle<T extends (...args: any[]) => any> (
FILE: packages/vuetify/src/util/timeUtils.ts
function formatTime (line 1) | function formatTime (seconds: number) {
FILE: packages/vuetify/src/util/useRender.ts
function useRender (line 7) | function useRender (render: () => VNode): void {
FILE: packages/vuetify/test/globals.d.ts
type CustomMatchers (line 3) | interface CustomMatchers<R = unknown> {
type Assertion (line 9) | interface Assertion<T = any> extends CustomMatchers<T> {}
type AsymmetricMatchersContaining (line 10) | interface AsymmetricMatchersContaining extends CustomMatchers {}
type BrowserCommands (line 14) | interface BrowserCommands extends CustomCommands {}
FILE: packages/vuetify/test/index.ts
function touch (line 16) | function touch (element: Element) {
function render (line 65) | function render<C> (
function unfill (line 87) | function unfill (o: Record<string, any>) {
FILE: packages/vuetify/test/setup/browser-commands.ts
function drag (line 5) | async function drag (ctx: BrowserCommandContext, start: [number, number]...
function click (line 27) | async function click (ctx: BrowserCommandContext, ...args: [string] | [n...
function waitStable (line 36) | async function waitStable (ctx: BrowserCommandContext, selector: string) {
function waitForClickable (line 55) | async function waitForClickable (ctx: BrowserCommandContext, selector: s...
function setFocusEmulationEnabled (line 59) | async function setFocusEmulationEnabled (ctx: BrowserCommandContext) {
function setReduceMotionEnabled (line 64) | async function setReduceMotionEnabled (ctx: BrowserCommandContext) {
function getLock (line 81) | async function getLock () {
function releaseLock (line 96) | async function releaseLock (ctx: BrowserCommandContext, lock: number) {
function abortAfter (line 101) | function abortAfter (ctx: BrowserCommandContext, delay: number, name: st...
function clearAbortTimeout (line 112) | function clearAbortTimeout (ctx: BrowserCommandContext) {
type CustomCommands (line 129) | type CustomCommands = {
FILE: packages/vuetify/test/setup/to-have-been-warned.ts
function noop (line 4) | function noop () {}
function createCompareFn (line 46) | function createCompareFn (spy: Mock) {
FILE: packages/vuetify/test/templates/generateStories.tsx
type Stories (line 13) | type Stories = Record<string, JSX.Element>
type Props (line 14) | type Props = Record<string, boolean | any[]>
type GenerateConfiguration (line 15) | type GenerateConfiguration = {
type Example (line 25) | type Example = {
FILE: packages/vuetify/test/templates/gridOn.tsx
function gridOn (line 3) | function gridOn<A, B> (a: Readonly<A[]>, b: Readonly<B[]>, fn: (a: A, b:...
FILE: packages/vuetify/vitest.config.ts
constant IS_RUN (line 9) | const IS_RUN = process.argv.slice(2).some(v => v === 'run')
FILE: scripts/confirm-npm-tag.js
function exec (line 12) | function exec (command) {
FILE: scripts/converter.js
function genCode (line 13) | function genCode (value) {
function parse (line 26) | function parse (child) {
function recurse (line 56) | function recurse (children = []) {
FILE: scripts/lint-commit-message.js
function check (line 16) | function check (message, cb) {
FILE: scripts/options-to-composition.mjs
constant DIR (line 6) | const DIR = 'packages/docs/src/examples/'
FILE: scripts/post-release-merge.js
function exec (line 11) | function exec (command) {
FILE: scripts/rules/jsx-condition-key.js
method create (line 2) | create (context) {
FILE: scripts/rules/jsx-curly-spacing.js
constant SPACING (line 16) | const SPACING = {
constant SPACING_VALUES (line 20) | const SPACING_VALUES = [SPACING.always, SPACING.never]
method create (line 122) | create (context) {
FILE: scripts/rules/jsx-prop-casing.js
method create (line 11) | create (context) {
FILE: scripts/rules/no-components-index.js
method create (line 2) | create (context) {
FILE: scripts/rules/no-nullish-coalescing-in-condition.js
method create (line 2) | create (context) {
FILE: scripts/rules/no-render-string-reference.js
function isCreateElementCall (line 5) | function isCreateElementCall (node) {
function isStringRender (line 15) | function isStringRender (node) {
function isCustomComponent (line 21) | function isCustomComponent (node) {
method create (line 28) | create (context) {
FILE: scripts/rules/sort-imports.js
method create (line 33) | create (context) {
FILE: scripts/rules/vitest-global-imports.js
method create (line 5) | create (context) {
FILE: scripts/tdd-run.js
function main (line 6) | async function main () {
FILE: templates/component.tsx
type ComponentSlots (line 11) | type ComponentSlots = {
constant NAME (line 15) | const NAME = genericComponent<ComponentSlots>()({
method setup (line 22) | setup () {
type NAME (line 29) | type NAME = InstanceType<typeof NAME>
Condensed preview — 2850 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (8,588K chars).
[
{
"path": ".dockerignore",
"chars": 43,
"preview": ".git\n.vscode\n.devbots\n.github\nnode_modules\n"
},
{
"path": ".editorconfig",
"chars": 147,
"preview": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_"
},
{
"path": ".eslintrc.cjs",
"chars": 8964,
"preview": "module.exports = {\n root: true,\n parserOptions: {\n parser: '@typescript-eslint/parser',\n ecmaVersion: 2020,\n "
},
{
"path": ".gitattributes",
"chars": 19,
"preview": "* text=auto eol=lf\n"
},
{
"path": ".github/.git_commit_msg.txt",
"chars": 1150,
"preview": "\n# ------------------------ >8 ------------------------\n# |<---- Using a Maximum Of 50 Characters ---->| Hard limit "
},
{
"path": ".github/CONTRIBUTING.md",
"chars": 3288,
"preview": "# Vuetify Contributing Guide\n\nThank you for your interest in improving Vuetify! Please review these guidelines to ensure"
},
{
"path": ".github/FUNDING.yml",
"chars": 241,
"preview": "# These are supported funding model platforms\n\ngithub: [johnleider, KaelWD, MajesticPotatoe]\nopen_collective: vuetify\nko"
},
{
"path": ".github/ISSUE_TEMPLATE/config.yml",
"chars": 152,
"preview": "blank_issues_enabled: false\ncontact_links:\n - name: Vuetify Issue Creator\n url: https://issues.vuetifyjs.com\n abo"
},
{
"path": ".github/PULL_REQUEST_TEMPLATE.md",
"chars": 919,
"preview": "<!--\nMAKE SURE TO READ THE CONTRIBUTING GUIDE BEFORE CREATING A PR\nhttps://vuetifyjs.com/getting-started/contributing\n\nP"
},
{
"path": ".github/actions/download-locales/action.yml",
"chars": 2386,
"preview": "name: Download translations\ndescription: Download translations from Crowdin\n\ninputs:\n crowdin-branch:\n description: "
},
{
"path": ".github/actions/nightly-release/action.yml",
"chars": 2136,
"preview": "name: Nightly Release\ndescription: Automatically release nightly builds\n\ninputs:\n checkout-repo:\n description: 'Repo"
},
{
"path": ".github/issue-close-app.yml",
"chars": 674,
"preview": "comment: \"Please only create issues with the provided [issue creator](https://issues.vuetifyjs.com). In the boilerplate "
},
{
"path": ".github/lock.yml",
"chars": 120,
"preview": "daysUntilLock: 365\nlockComment: false\n\npulls:\n daysUntilLock: 30\n exemptLabels: ['S: on hold', 'S: work in progress']\n"
},
{
"path": ".github/semantic.yml",
"chars": 16,
"preview": "titleOnly: true\n"
},
{
"path": ".github/sponsors.yml",
"chars": 73,
"preview": "- label: 'P: sponsor'\n members:\n\n- label: 'P: elite sponsor'\n members:\n"
},
{
"path": ".github/workflows/ci.yml",
"chars": 5567,
"preview": "name: CI\non: [push, pull_request]\nconcurrency:\n group: ci-${{ github.ref }}\n cancel-in-progress: true\n\nenv:\n CROWDIN_"
},
{
"path": ".github/workflows/close-issue.yml",
"chars": 364,
"preview": "name: Close issues\non:\n push:\n branches:\n - dev\n - next\n - v3-stable\n - v2-stable\n - v2-dev\n\nenv:\n G"
},
{
"path": ".github/workflows/crowdin-uploads.yml",
"chars": 793,
"preview": "name: Crowdin Uploads\nconcurrency:\n group: crowdin-${{ github.ref }}\n cancel-in-progress: true\n\non:\n push:\n branch"
},
{
"path": ".github/workflows/nightly.yml",
"chars": 4179,
"preview": "name: Nightly Release\non:\n schedule:\n - cron: '0 12 * * *' # 1200 UTC\n workflow_dispatch:\n inputs:\n pr:\n "
},
{
"path": ".github/workflows/stale.yml",
"chars": 435,
"preview": "name: 'Close stale issues'\non:\n workflow_dispatch:\n schedule:\n - cron: '08 11 * * *'\n\njobs:\n stale:\n runs-on: u"
},
{
"path": ".github/workflows/triage.yml",
"chars": 730,
"preview": "name: Issue triage\non:\n issues:\n types: [opened, labeled, unlabeled, closed]\n\njobs:\n triage:\n runs-on: ubuntu-24"
},
{
"path": ".gitignore",
"chars": 256,
"preview": ".DS_Store\nnode_modules/\n.env\n.knit\nknit.lock\n\n# IDE user config\n.vscode/\n.idea/\n.vs/\n\n# Logs\nyarn-error.log\nnpm-debug.lo"
},
{
"path": ".husky/commit-msg",
"chars": 39,
"preview": "node scripts/lint-commit-message.js $1\n"
},
{
"path": ".husky/pre-commit",
"chars": 33,
"preview": "node scripts/warn-npm-install.js\n"
},
{
"path": ".husky/prepare-commit-msg",
"chars": 45,
"preview": "node scripts/prepare-commit-message.js $1 $2\n"
},
{
"path": ".nvmrc",
"chars": 8,
"preview": "24.11.1\n"
},
{
"path": "CODE_OF_CONDUCT.md",
"chars": 3219,
"preview": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, w"
},
{
"path": "Dockerfile",
"chars": 114,
"preview": "FROM caddy:2.10.2-alpine\nCOPY ./packages/docs/dist /srv\nCOPY ./packages/docs/build/Caddyfile /etc/caddy/Caddyfile\n"
},
{
"path": "SECURITY.md",
"chars": 1733,
"preview": "# Security Disclosure Procedures\n\nThis document outlines security procedures and general policies for the Vuetify projec"
},
{
"path": "crowdin.yml",
"chars": 512,
"preview": "project_id_env: CROWDIN_PROJECT_ID\napi_token_env: CROWDIN_PERSONAL_TOKEN\nproject_identifier: vuetify\npreserve_hierarchy:"
},
{
"path": "docker-compose.yml",
"chars": 186,
"preview": "services:\n docs:\n image: caddy:alpine\n ports:\n - ${PORT:-8095}:80\n volumes:\n - ./packages/docs/dist:"
},
{
"path": "eslint-local-rules.cjs",
"chars": 361,
"preview": "'use strict'\n\nconst path = require('node:path')\nconst glob = require('glob')\n\nmodule.exports = Object.fromEntries(\n glo"
},
{
"path": "jest.config.cjs",
"chars": 974,
"preview": "module.exports = {\n verbose: false,\n testEnvironment: 'jsdom',\n testEnvironmentOptions: {\n customExportConditions:"
},
{
"path": "lerna.json",
"chars": 260,
"preview": "{\n \"command\": {\n \"publish\": {\n \"allowBranch\": [\n \"master\",\n \"dev\",\n \"next\"\n ],\n "
},
{
"path": "package.json",
"chars": 3294,
"preview": "{\n \"name\": \"@vuetify/vuetify-root\",\n \"type\": \"module\",\n \"private\": true,\n \"repository\": {\n \"type\": \"git\",\n \"ur"
},
{
"path": "packages/README.md",
"chars": 295,
"preview": "<p>These are the packages for the <a href=\"https://vuetifyjs.com\" target=\"_blank\">Vuetify</a> monorepo.</p>\n\n## Packages"
},
{
"path": "packages/api-generator/.gitignore",
"chars": 59,
"preview": "/dist/\n/lib/\n/src/locale/*\n/templates/tmp/\n!/src/locale/en\n"
},
{
"path": "packages/api-generator/package.json",
"chars": 625,
"preview": "{\n \"name\": \"@vuetify/api-generator\",\n \"type\": \"module\",\n \"version\": \"4.0.3\",\n \"private\": true,\n \"description\": \"\",\n"
},
{
"path": "packages/api-generator/src/helpers/sass.ts",
"chars": 1466,
"preview": "import fs from 'node:fs'\n\nfunction processVariableFile (filePath: string, tagUse: string | string[]) {\n if (fs.existsSy"
},
{
"path": "packages/api-generator/src/helpers/text.ts",
"chars": 481,
"preview": "import { capitalize } from 'lodash-es'\n\nexport { camelCase, capitalize } from 'lodash-es'\n\nexport const kebabCase = (str"
},
{
"path": "packages/api-generator/src/index.ts",
"chars": 5342,
"preview": "import fs from 'node:fs/promises'\nimport path from 'upath'\nimport { components } from 'vuetify/dist/vuetify-labs.js'\nimp"
},
{
"path": "packages/api-generator/src/locale/en/$vuetify.json",
"chars": 90,
"preview": "{\n \"functions\": {\n \"goTo\": \"Scroll to target location, using provided options.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/DataIterator-items.json",
"chars": 355,
"preview": "{\n \"props\": {\n \"itemSelectable\": \"Property on supplied `items` that contains the boolean value indicating if the ite"
},
{
"path": "packages/api-generator/src/locale/en/DataTable-expand.json",
"chars": 323,
"preview": "{\n \"props\": {\n \"expanded\": \"Array of expanded items. Can be bound to external variable using **v-model:expanded**.\","
},
{
"path": "packages/api-generator/src/locale/en/DataTable-group.json",
"chars": 332,
"preview": "{\n \"props\": {\n \"groupBy\": \"Defines the grouping of the table items.\",\n \"pageBy\": \"Controls how pagination counts "
},
{
"path": "packages/api-generator/src/locale/en/DataTable-header.json",
"chars": 94,
"preview": "{\n \"props\": {\n \"headers\": \"An array of objects that each describe a header column.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/DataTable-items.json",
"chars": 332,
"preview": "{\n \"props\": {\n \"itemSelectable\": \"Property on supplied `items` that indicates whether the item is selectable.\",\n "
},
{
"path": "packages/api-generator/src/locale/en/DataTable-paginate.json",
"chars": 150,
"preview": "{\n \"props\": {\n \"itemsPerPage\": \"The number of items to display on each page.\",\n \"page\": \"The current displayed pa"
},
{
"path": "packages/api-generator/src/locale/en/DataTable-select.json",
"chars": 394,
"preview": "{\n \"props\": {\n \"selectStrategy\": \"Defines the strategy of selecting items in the list. Possible values are: 'single'"
},
{
"path": "packages/api-generator/src/locale/en/DataTable-sort.json",
"chars": 913,
"preview": "{\n \"props\": {\n \"customKeySort\": \"Function used on specific keys within the item object. `customSort` is skipped for "
},
{
"path": "packages/api-generator/src/locale/en/DataTable.json",
"chars": 228,
"preview": "{\n \"props\": {\n \"hideDefaultBody\": \"Hides the default body.\",\n \"hideDefaultHeader\": \"Hides the default header.\",\n "
},
{
"path": "packages/api-generator/src/locale/en/Select.json",
"chars": 1151,
"preview": "{\n \"props\": {\n \"closeText\": \"Text set to the inputs `aria-label` and `title` when input menu is closed.\",\n \"chips"
},
{
"path": "packages/api-generator/src/locale/en/SelectionControlGroup.json",
"chars": 541,
"preview": "{\n \"props\": {\n \"defaultsTarget\": \"The target component to provide defaults values for.\",\n \"error\": \"Puts the inpu"
},
{
"path": "packages/api-generator/src/locale/en/Slider.json",
"chars": 1045,
"preview": "{\n \"props\": {\n \"max\": \"Sets the maximum allowed value.\",\n \"min\": \"Sets the minimum allowed value.\",\n \"noKeyboa"
},
{
"path": "packages/api-generator/src/locale/en/Stepper.json",
"chars": 1453,
"preview": "{\n \"props\": {\n \"altLabels\": \"Places the labels beneath the step.\",\n \"editable\": \"Marks step as editable.\",\n \"h"
},
{
"path": "packages/api-generator/src/locale/en/StepperItem.json",
"chars": 698,
"preview": "{\n \"props\": {\n \"complete\": \"Marks step as complete.\",\n \"completeIcon\": \"Icon to display when step is marked as co"
},
{
"path": "packages/api-generator/src/locale/en/VAlert.json",
"chars": 1354,
"preview": "{\n \"props\": {\n \"border\": \"Adds a colored border to the component.\",\n \"borderColor\": \"Specifies the color of the b"
},
{
"path": "packages/api-generator/src/locale/en/VApp.json",
"chars": 81,
"preview": "{\n \"exposed\": {\n \"theme\": \"The instance of the injected active theme.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VAppBar.json",
"chars": 1082,
"preview": "{\n \"props\": {\n \"collapse\": \"Morphs the component into a collapsed state, reducing its maximum width.\",\n \"extensio"
},
{
"path": "packages/api-generator/src/locale/en/VAutocomplete.json",
"chars": 1133,
"preview": "{\n \"props\": {\n \"autoSelectFirst\": \"When searching, will always highlight the first option and select it on blur. `ex"
},
{
"path": "packages/api-generator/src/locale/en/VAvatar.json",
"chars": 297,
"preview": "{\n \"props\": {\n \"badge\": \"Wraps the avatar in a [VBadge](/api/v-badge/). When set to `true`, displays a dot badge. Ac"
},
{
"path": "packages/api-generator/src/locale/en/VAvatarGroup.json",
"chars": 1246,
"preview": "{\n \"props\": {\n \"border\": \"Applies border styles to the child [v-avatar](/components/avatars) components.\",\n \"gap\""
},
{
"path": "packages/api-generator/src/locale/en/VBadge.json",
"chars": 1079,
"preview": "{\n \"props\": {\n \"bordered\": \"Applies a **2px** by default and **1.5px** border around the badge when using the **dot*"
},
{
"path": "packages/api-generator/src/locale/en/VBanner.json",
"chars": 723,
"preview": "{\n \"props\": {\n \"avatar\": \"Designates a specific src image to pass to the thumbnail.\",\n \"lines\": \"The amount of vi"
},
{
"path": "packages/api-generator/src/locale/en/VBottomNavigation.json",
"chars": 303,
"preview": "{\n \"props\": {\n \"grow\": \"Force all [v-btn](/components/buttons) children to take up all available horizontal space.\","
},
{
"path": "packages/api-generator/src/locale/en/VBottomSheet.json",
"chars": 84,
"preview": "{\n \"props\": {\n \"inset\": \"Reduces the sheet content maximum width to 70%.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VBreadcrumbs.json",
"chars": 273,
"preview": "{\n \"props\": {\n \"divider\": \"Specifies the dividing character between items.\"\n },\n \"slots\": {\n \"divider\": \"The sl"
},
{
"path": "packages/api-generator/src/locale/en/VBreadcrumbsDivider.json",
"chars": 86,
"preview": "{\n \"props\": {\n \"divider\": \"Specifies the dividing character between items.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VBtn.json",
"chars": 679,
"preview": "{\n \"props\": {\n \"block\": \"Expands the button to 100% of available space.\",\n \"flat\": \"Removes the button box shadow"
},
{
"path": "packages/api-generator/src/locale/en/VBtnGroup.json",
"chars": 196,
"preview": "{\n \"props\": {\n \"direction\": \"Control how children components are arranged - in a row or column.\",\n \"divided\": \"Ad"
},
{
"path": "packages/api-generator/src/locale/en/VBtnToggle.json",
"chars": 350,
"preview": "{\n \"props\": {\n \"rounded\": \"Round edge buttons.\",\n \"tile\": \"Removes the component's border-radius.\"\n },\n \"expose"
},
{
"path": "packages/api-generator/src/locale/en/VCalendar.json",
"chars": 9225,
"preview": "{\n \"props\": {\n \"categories\": \"Specifies what categories to display in the `category` view. This controls the order o"
},
{
"path": "packages/api-generator/src/locale/en/VCard.json",
"chars": 583,
"preview": "{\n \"props\": {\n \"flat\": \"Removes the card's elevation.\",\n \"hover\": \"Applies **3dp** (level 2) of elevation when ho"
},
{
"path": "packages/api-generator/src/locale/en/VCarousel.json",
"chars": 1177,
"preview": "{\n \"props\": {\n \"color\": \"Applies a color to the navigation dots - supports utility colors (for example `success` or "
},
{
"path": "packages/api-generator/src/locale/en/VCheckbox.json",
"chars": 314,
"preview": "{\n \"props\": {\n \"falseIcon\": \"The icon used when inactive.\",\n \"indeterminate\": \"Sets an indeterminate state for th"
},
{
"path": "packages/api-generator/src/locale/en/VCheckboxBtn.json",
"chars": 368,
"preview": "{\n \"props\": {\n \"indeterminate\": \"Puts the control in an indeterminate state. Used with the [indeterminate-icon](#pro"
},
{
"path": "packages/api-generator/src/locale/en/VChip.json",
"chars": 1203,
"preview": "{\n \"props\": {\n \"closable\": \"Adds remove button and then a chip can be closed.\",\n \"closeIcon\": \"Change the default"
},
{
"path": "packages/api-generator/src/locale/en/VChipGroup.json",
"chars": 580,
"preview": "{\n \"props\": {\n \"baseColor\": \"Sets the color of component when not focused. Recommended with `color` or `filter` to p"
},
{
"path": "packages/api-generator/src/locale/en/VCol.json",
"chars": 1742,
"preview": "{\n \"props\": {\n \"alignSelf\": \"Deprecated, use **align-self-\\\\*** class. Available options are: **start**, **center**,"
},
{
"path": "packages/api-generator/src/locale/en/VColorInput.json",
"chars": 256,
"preview": "{\n \"props\": {\n \"hidePip\": \"Hide pip icon\",\n \"colorPip\": \"Synchronize pip color with current value\",\n \"pipIcon\""
},
{
"path": "packages/api-generator/src/locale/en/VColorPicker.json",
"chars": 906,
"preview": "{\n \"props\": {\n \"canvasHeight\": \"Height of canvas.\",\n \"dotSize\": \"Changes the size of the selection dot on the can"
},
{
"path": "packages/api-generator/src/locale/en/VCombobox.json",
"chars": 1543,
"preview": "{\n \"props\": {\n \"alwaysFilter\": \"When enabled, dropdown list will always show items matching non-empty value within t"
},
{
"path": "packages/api-generator/src/locale/en/VCommandPalette.json",
"chars": 3092,
"preview": "{\n \"props\": {\n \"closeOnSelect\": \"Controls whether the palette closes automatically after selecting an actionable ite"
},
{
"path": "packages/api-generator/src/locale/en/VCommandPaletteItem.json",
"chars": 144,
"preview": "{\n \"props\": {\n \"item\": \"The command palette item data object.\",\n \"index\": \"The index of the item within the comma"
},
{
"path": "packages/api-generator/src/locale/en/VConfirmEdit.json",
"chars": 693,
"preview": "{\n \"props\": {\n \"modelValue\": \"Represents the committed v-model value\",\n \"cancelText\": \"Text for the cancel button"
},
{
"path": "packages/api-generator/src/locale/en/VContainer.json",
"chars": 85,
"preview": "{\n \"props\": {\n \"fluid\": \"Removes viewport maximum-width size breakpoints.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VCounter.json",
"chars": 181,
"preview": "{\n \"props\": {\n \"active\": \"Determines whether the counter is visible or not.\",\n \"max\": \"Sets the maximum allowed v"
},
{
"path": "packages/api-generator/src/locale/en/VDataIterator.json",
"chars": 1666,
"preview": "{\n \"props\": {\n \"customFilter\": \"Function to filter items.\",\n \"expanded\": \"Array of expanded items. Can be bound t"
},
{
"path": "packages/api-generator/src/locale/en/VDataTable.json",
"chars": 4588,
"preview": "{\n \"props\": {\n \"collapseIcon\": \"Icon to display when the expandable row is expanded.\",\n \"customFilter\": \"Function"
},
{
"path": "packages/api-generator/src/locale/en/VDataTableFooter.json",
"chars": 685,
"preview": "{\n \"props\": {\n \"firstIcon\": \"First icon.\",\n \"firstPageLabel\": \"Label for first page.\",\n \"itemsPerPageOptions\":"
},
{
"path": "packages/api-generator/src/locale/en/VDataTableHeaders.json",
"chars": 1048,
"preview": "{\n \"props\": {\n \"color\": \"Applies a color to checkboxes, page size dropdown and sort badges in the table header.\",\n "
},
{
"path": "packages/api-generator/src/locale/en/VDataTableRow.json",
"chars": 1080,
"preview": "{\n \"props\": {\n \"cellProps\": \"Props to be applied to the cell.\",\n \"collapseIcon\": \"Icon to display when the expand"
},
{
"path": "packages/api-generator/src/locale/en/VDataTableRows.json",
"chars": 1554,
"preview": "{\n \"props\": {\n \"cellProps\": \"An object of additional props to be passed to each `<td>` in the table body. Also accep"
},
{
"path": "packages/api-generator/src/locale/en/VDataTableServer.json",
"chars": 2959,
"preview": "{\n \"props\": {\n \"itemsLength\": \"Number of all items.\",\n \"headerProps\": \"Pass props to the default header. See [`v-"
},
{
"path": "packages/api-generator/src/locale/en/VDataTableVirtual.json",
"chars": 2731,
"preview": "{\n \"props\": {\n \"headerProps\": \"Pass props to the default header.\",\n \"itemKey\": \"The property on each item that is"
},
{
"path": "packages/api-generator/src/locale/en/VDateInput.json",
"chars": 667,
"preview": "{\n \"props\": {\n \"hideActions\": \"Hide the Cancel and OK buttons, and automatically update the value when a date is sel"
},
{
"path": "packages/api-generator/src/locale/en/VDatePicker.json",
"chars": 2372,
"preview": "{\n \"props\": {\n \"allowedDates\": \"Restricts which dates can be selected.\",\n \"eventColor\": \"Sets the color for event"
},
{
"path": "packages/api-generator/src/locale/en/VDatePickerControls.json",
"chars": 1266,
"preview": "{\n \"props\": {\n \"controlHeight\": \"Sets the height of the controls.\",\n \"controlVariant\": \"- **docked:** Separate co"
},
{
"path": "packages/api-generator/src/locale/en/VDatePickerHeader.json",
"chars": 128,
"preview": "{\n \"props\": {\n \"header\": \"Sets the header content.\",\n \"transition\": \"Sets the transition when the header changes."
},
{
"path": "packages/api-generator/src/locale/en/VDatePickerMonth.json",
"chars": 842,
"preview": "{\n \"props\": {\n \"allowedDates\": \"Sets the allowed dates of the month.\",\n \"hideWeekdays\": \"Hide the days of the wee"
},
{
"path": "packages/api-generator/src/locale/en/VDatePickerMonths.json",
"chars": 367,
"preview": "{\n \"props\": {\n \"min\": \"Sets the minimum selectable date. Months before this date will be disabled.\",\n \"max\": \"Set"
},
{
"path": "packages/api-generator/src/locale/en/VDatePickerYears.json",
"chars": 233,
"preview": "{\n \"props\": {\n \"max\": \"Sets the maximum date of the month.\",\n \"min\": \"Sets the minimum date of the month.\",\n \""
},
{
"path": "packages/api-generator/src/locale/en/VDefaultsProvider.json",
"chars": 559,
"preview": "{\n \"props\": {\n \"defaults\": \"Specify new default prop values for components. Keep in mind that this will be merged wi"
},
{
"path": "packages/api-generator/src/locale/en/VDialog.json",
"chars": 1088,
"preview": "{\n \"props\": {\n \"fullscreen\": \"Changes layout for fullscreen display.\",\n \"maxWidth\": \"Sets the maximum width for t"
},
{
"path": "packages/api-generator/src/locale/en/VDialogTransition.json",
"chars": 81,
"preview": "{\n \"props\": {\n \"target\": \"Sets the target element for the transition.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VDivider.json",
"chars": 561,
"preview": "{\n \"props\": {\n \"contentOffset\": \"Increases content spacing from the lines. When passed as an array, the second value"
},
{
"path": "packages/api-generator/src/locale/en/VEmptyState.json",
"chars": 773,
"preview": "{\n \"props\": {\n \"actionText\": \"The text used for the action button.\",\n \"headline\": \"A large headline often used fo"
},
{
"path": "packages/api-generator/src/locale/en/VExpansionPanel.json",
"chars": 438,
"preview": "{\n \"props\": {\n \"disabled\": \"Disables the expansion-panel content.\",\n \"readonly\": \"Makes the expansion panel conte"
},
{
"path": "packages/api-generator/src/locale/en/VExpansionPanelTitle.json",
"chars": 498,
"preview": "{\n \"props\": {\n \"collapseIcon\": \"Icon used when the expansion panel is in a collapsable state.\",\n \"expandIcon\": \"I"
},
{
"path": "packages/api-generator/src/locale/en/VExpansionPanels.json",
"chars": 688,
"preview": "{\n \"props\": {\n \"focusable\": \"Makes the expansion-panel headers focusable.\",\n \"flat\": \"Removes the expansion-panel"
},
{
"path": "packages/api-generator/src/locale/en/VFab.json",
"chars": 544,
"preview": "{\n \"props\": {\n \"app\": \"If true, attaches to the closest layout and positions according to the value of **location**."
},
{
"path": "packages/api-generator/src/locale/en/VField.json",
"chars": 2180,
"preview": "{\n \"props\": {\n \"appendInnerIcon\": \"Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.\",\n \"b"
},
{
"path": "packages/api-generator/src/locale/en/VFieldLabel.json",
"chars": 85,
"preview": "{\n \"props\": {\n \"floating\": \"Elevates the label above the slotted content.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VFileInput.json",
"chars": 1347,
"preview": "{\n \"props\": {\n \"chips\": \"Changes display of selections to chips.\",\n \"counter\": \"Displays the number of selected f"
},
{
"path": "packages/api-generator/src/locale/en/VFileUpload.json",
"chars": 965,
"preview": "{\n \"props\": {\n \"browseText\": \"Text for the browse button.\",\n \"dividerText\": \"Text in the divider.\",\n \"hideBrow"
},
{
"path": "packages/api-generator/src/locale/en/VFileUploadDropzone.json",
"chars": 1178,
"preview": "{\n \"props\": {\n \"browseText\": \"Text for the browse button.\",\n \"dividerText\": \"Text in the divider.\",\n \"error\": "
},
{
"path": "packages/api-generator/src/locale/en/VFileUploadItem.json",
"chars": 438,
"preview": "{\n \"props\": {\n \"file\": \"The file object uploaded\",\n \"fileIcon\": \"The icon prepending each uploaded file. This wil"
},
{
"path": "packages/api-generator/src/locale/en/VFileUploadList.json",
"chars": 211,
"preview": "{\n \"props\": {\n \"files\": \"An array of File objects to display in the list. When used inside a VFileUpload, this is pr"
},
{
"path": "packages/api-generator/src/locale/en/VFooter.json",
"chars": 211,
"preview": "{\n \"props\": {\n \"app\": \"Determines the position of the footer. If true, the footer would be given a fixed position at"
},
{
"path": "packages/api-generator/src/locale/en/VForm.json",
"chars": 757,
"preview": "{\n \"events\": {\n \"submit\": \"Emitted when form is submitted.\",\n \"update:modelValue\": \"Event emitted when the form's"
},
{
"path": "packages/api-generator/src/locale/en/VHotkey.json",
"chars": 4498,
"preview": "{\n \"props\": {\n \"keys\": \"String representing keyboard shortcuts to display. Supports multiple formats:\\n- **Single ke"
},
{
"path": "packages/api-generator/src/locale/en/VHover.json",
"chars": 68,
"preview": "{\n \"props\": {\n \"disabled\": \"Removes hover functionality.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VIconBtn.json",
"chars": 1019,
"preview": "{\n \"props\": {\n \"active\": \"When undefined (default), the component utilizes its default variant, otherwise it will us"
},
{
"path": "packages/api-generator/src/locale/en/VImg.json",
"chars": 3141,
"preview": "{\n \"props\": {\n \"absolute\": \"Applies position: absolute to the component.\",\n \"alt\": \"Alternate text for screen rea"
},
{
"path": "packages/api-generator/src/locale/en/VInfiniteScroll.json",
"chars": 1174,
"preview": "{\n \"props\": {\n \"direction\": \"Specifies if scroller is **vertical** or **horizontal**.\",\n \"emptyText\": \"Text shown"
},
{
"path": "packages/api-generator/src/locale/en/VInput.json",
"chars": 1698,
"preview": "{\n \"props\": {\n \"baseColor\": \"Sets the color of the input when it is not focused.\",\n \"centerAffix\": \"Vertically al"
},
{
"path": "packages/api-generator/src/locale/en/VItemGroup.json",
"chars": 140,
"preview": "{\n \"props\": {\n \"selectedClass\": \"Configure the selected CSS class. This class will be available in `v-item` default "
},
{
"path": "packages/api-generator/src/locale/en/VLayout.json",
"chars": 3,
"preview": "{}\n"
},
{
"path": "packages/api-generator/src/locale/en/VLayoutItem.json",
"chars": 65,
"preview": "{\n \"props\": {\n \"position\": \"The position of the item.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VLazy.json",
"chars": 182,
"preview": "{\n \"props\": {\n \"options\": \"Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-U"
},
{
"path": "packages/api-generator/src/locale/en/VList.json",
"chars": 4151,
"preview": "{\n \"props\": {\n \"activeColor\": \"Deprecated, use `color` instead.\",\n \"activatable\": \"Designates whether the list it"
},
{
"path": "packages/api-generator/src/locale/en/VListGroup.json",
"chars": 841,
"preview": "{\n \"props\": {\n \"activeColor\": \"Deprecated, use `color` instead.\",\n \"disabled\": \"Puts all children inputs into a d"
},
{
"path": "packages/api-generator/src/locale/en/VListItem.json",
"chars": 2105,
"preview": "{\n \"props\": {\n \"active\": \"Controls the **active** state of the item. This is typically used to highlight the compone"
},
{
"path": "packages/api-generator/src/locale/en/VListSubheader.json",
"chars": 310,
"preview": "{\n \"props\": {\n \"tag\": \"Specify a custom tag used on the root element.\",\n \"title\": \"Specify a title text for the c"
},
{
"path": "packages/api-generator/src/locale/en/VLocaleProvider.json",
"chars": 182,
"preview": "{\n \"props\": {\n \"fallbackLocale\": \"Specify a fallback locale to use when a locale is not found.\",\n \"locale\": \"Spec"
},
{
"path": "packages/api-generator/src/locale/en/VMain.json",
"chars": 79,
"preview": "{\n \"props\": {\n \"scrollable\": \"Specify a custom scrollable function.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VMenu.json",
"chars": 1870,
"preview": "{\n \"props\": {\n \"attach\": \"Specifies which DOM element the overlay content should teleport to. Can be a direct elemen"
},
{
"path": "packages/api-generator/src/locale/en/VMessages.json",
"chars": 89,
"preview": "{\n \"props\": {\n \"active\": \"Determines whether the messages are visible or not.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VNavigationDrawer.json",
"chars": 1919,
"preview": "{\n \"props\": {\n \"disableResizeWatcher\": \"Prevents the automatic opening or closing of the drawer when resized, based "
},
{
"path": "packages/api-generator/src/locale/en/VNumberInput.json",
"chars": 1174,
"preview": "{\n \"props\": {\n \"controlVariant\": \"The color of the control. It defaults to the value of `variant` prop.\",\n \"decim"
},
{
"path": "packages/api-generator/src/locale/en/VOtpInput.json",
"chars": 744,
"preview": "{\n \"props\": {\n \"autofocus\": \"Automatically focuses the first input on page load\",\n \"divider\": \"Specifies the divi"
},
{
"path": "packages/api-generator/src/locale/en/VOverflowBtn.json",
"chars": 229,
"preview": "{\n \"props\": {\n \"editable\": \"Creates an editable button.\",\n \"overflow\": \"Creates an overflow button.\",\n \"persis"
},
{
"path": "packages/api-generator/src/locale/en/VOverlay-activator.json",
"chars": 872,
"preview": "{\n \"props\": {\n \"activator\": \"Explicitly sets the overlay's activator.\",\n \"activatorProps\": \"Apply custom properti"
},
{
"path": "packages/api-generator/src/locale/en/VOverlay-location-strategies.json",
"chars": 458,
"preview": "{\n \"props\": {\n \"locationStrategy\": \"A function used to specifies how the component should position relative to its a"
},
{
"path": "packages/api-generator/src/locale/en/VOverlay-scroll-strategies.json",
"chars": 108,
"preview": "{\n \"props\": {\n \"scrollStrategy\": \"Strategy used when the component is activate and user scrolls.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VOverlay.json",
"chars": 2154,
"preview": "{\n \"props\": {\n \"absolute\": \"Applies **position: absolute** to the content element.\",\n \"attach\": \"Specifies which "
},
{
"path": "packages/api-generator/src/locale/en/VPagination.json",
"chars": 1746,
"preview": "{\n \"props\": {\n \"ariaLabel\": \"Label for the root element.\",\n \"color\": \"Applies specified color to the selected pag"
},
{
"path": "packages/api-generator/src/locale/en/VParallax.json",
"chars": 248,
"preview": "{\n \"props\": {\n \"scale\": \"The scale of the parallax image.\"\n },\n \"slots\": {\n \"error\": \"Puts the input in a manua"
},
{
"path": "packages/api-generator/src/locale/en/VPicker.json",
"chars": 377,
"preview": "{\n \"props\": {\n \"divided\": \"Adds a divider between the header and controls.\",\n \"landscape\": \"Puts the picker into "
},
{
"path": "packages/api-generator/src/locale/en/VPie.json",
"chars": 1335,
"preview": "{\n \"props\": {\n \"gaugeCut\": \"Allows removing bottom part of the chart to make it into a gauge. Expects angle (0-180)."
},
{
"path": "packages/api-generator/src/locale/en/VPieSegment.json",
"chars": 1047,
"preview": "{\n \"props\": {\n \"animation\": \"Controls duration and easing of the expand/collapse and hover effect. Defaults to `ease"
},
{
"path": "packages/api-generator/src/locale/en/VPieTooltip.json",
"chars": 494,
"preview": "{\n \"props\": {\n \"item\": \"Data item related to hovered segment\",\n \"titleFormat\": \"Formatter definition or function."
},
{
"path": "packages/api-generator/src/locale/en/VProgress.json",
"chars": 910,
"preview": "{\n \"props\": {\n \"absolute\": \"Positions the component absolutely within its parent, centering the progress indicator a"
},
{
"path": "packages/api-generator/src/locale/en/VProgressCircular.json",
"chars": 711,
"preview": "{\n \"props\": {\n \"indeterminate\": \"Constantly animates, use when loading progress is unknown. If set to the string `'d"
},
{
"path": "packages/api-generator/src/locale/en/VProgressLinear.json",
"chars": 1373,
"preview": "{\n \"props\": {\n \"absolute\": \"Applies position: absolute to the component.\",\n \"active\": \"Reduce the height to 0, hi"
},
{
"path": "packages/api-generator/src/locale/en/VPullToRefresh.json",
"chars": 307,
"preview": "{\n \"props\": {\n \"pullDownThreshold\": \"The distance the user must pull down to trigger a refresh.\"\n },\n \"events\": {\n"
},
{
"path": "packages/api-generator/src/locale/en/VRadio.json",
"chars": 115,
"preview": "{\n \"props\": {\n \"falseIcon\": \"The icon used when inactive.\",\n \"trueIcon\": \"The icon used when active.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VRadioGroup.json",
"chars": 68,
"preview": "{\n \"props\": {\n \"inline\": \"Displays radio buttons in row.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VRangeSlider.json",
"chars": 440,
"preview": "{\n \"props\": {\n \"strict\": \"Disallows dragging the ending thumb past the starting thumb and vice versa.\"\n\n },\n \"slot"
},
{
"path": "packages/api-generator/src/locale/en/VRating.json",
"chars": 776,
"preview": "{\n \"props\": {\n \"clearable\": \"Allows for the component to be cleared by clicking on the current value.\",\n \"emptyIc"
},
{
"path": "packages/api-generator/src/locale/en/VResponsive.json",
"chars": 433,
"preview": "{\n \"props\": {\n \"aspectRatio\": \"Sets a base aspect ratio, calculated as width/height. This will only set a **minimum*"
},
{
"path": "packages/api-generator/src/locale/en/VRow.json",
"chars": 1890,
"preview": "{\n \"props\": {\n \"align\": \"Deprecated, use **align-\\\\*** class. Available options are: **start**, **center**, **end**,"
},
{
"path": "packages/api-generator/src/locale/en/VSelect.json",
"chars": 1652,
"preview": "{\n \"props\": {\n \"chips\": \"Changes display of selections to chips.\",\n \"closableChips\": \"Enables the [closable](/api"
},
{
"path": "packages/api-generator/src/locale/en/VSelectionControl.json",
"chars": 435,
"preview": "{\n \"props\": {\n \"baseColor\": \"Sets the color of the input when it is not focused.\",\n \"value\": \"The value used when"
},
{
"path": "packages/api-generator/src/locale/en/VSheet.json",
"chars": 3,
"preview": "{}\n"
},
{
"path": "packages/api-generator/src/locale/en/VSkeletonLoader.json",
"chars": 746,
"preview": "{\n \"props\": {\n \"boilerplate\": \"Remove the loading animation from the skeleton.\",\n \"loading\": \"Applies a loading a"
},
{
"path": "packages/api-generator/src/locale/en/VSlideGroup.json",
"chars": 1541,
"preview": "{\n \"props\": {\n \"centerActive\": \"Forces the selected component to be centered.\",\n \"contentClass\": \"Adds classes to"
},
{
"path": "packages/api-generator/src/locale/en/VSlider.json",
"chars": 324,
"preview": "{\n \"slots\": {\n \"thumb-label\": \"Slot for the thumb label.\",\n \"tick-label\": \"Slot for the tick label.\"\n },\n \"even"
},
{
"path": "packages/api-generator/src/locale/en/VSnackbar.json",
"chars": 1856,
"preview": "{\n \"props\": {\n \"loading\": \"Displays a loading spinner in the prepend area.\",\n \"prependAvatar\": \"Displays an avata"
},
{
"path": "packages/api-generator/src/locale/en/VSnackbarQueue.json",
"chars": 725,
"preview": "{\n \"props\": {\n \"closable\": \"Adds a dismiss button that closes the active snackbar.\",\n \"displayStrategy\": \"Determi"
},
{
"path": "packages/api-generator/src/locale/en/VSparkline.json",
"chars": 1364,
"preview": "{\n \"props\": {\n \"autoDraw\": \"Trace the length of the line when first rendered.\",\n \"autoDrawDuration\": \"Amount of t"
},
{
"path": "packages/api-generator/src/locale/en/VSpeedDial.json",
"chars": 69,
"preview": "{\n \"props\": {\n \"openOnHover\": \"Opens speed-dial on hover.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VStepper.json",
"chars": 354,
"preview": "{\n \"props\": {\n \"completeIcon\": \"Icon to display when step is marked as completed.\",\n \"editIcon\": \"Icon to display"
},
{
"path": "packages/api-generator/src/locale/en/VStepperActions.json",
"chars": 423,
"preview": "{\n \"props\": {\n \"nextText\": \"The text used for the Next button.\",\n \"prevText\": \"The text used for the Prev button."
},
{
"path": "packages/api-generator/src/locale/en/VStepperHeader.json",
"chars": 18,
"preview": "{\n \"props\": {}\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VStepperItem.json",
"chars": 117,
"preview": "{\n \"props\": {\n },\n \"events\": {\n },\n \"slots\": {\n \"icon\": \"Slot for customizing all stepper item icons.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VStepperVertical.json",
"chars": 211,
"preview": "{\n \"props\": {\n \"completeIcon\": \"Icon to display when step is marked as completed.\",\n \"editIcon\": \"Icon to display"
},
{
"path": "packages/api-generator/src/locale/en/VStepperVerticalItem.json",
"chars": 382,
"preview": "{\n \"events\": {\n \"click:finish\": \"Event emitted when clicking the finish button\",\n \"click:next\": \"Event emitted wh"
},
{
"path": "packages/api-generator/src/locale/en/VStepperWindow.json",
"chars": 18,
"preview": "{\n \"props\": {}\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VStepperWindowItem.json",
"chars": 18,
"preview": "{\n \"props\": {}\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VSwitch.json",
"chars": 990,
"preview": "{\n \"props\": {\n \"flat\": \"Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it.\","
},
{
"path": "packages/api-generator/src/locale/en/VSystemBar.json",
"chars": 145,
"preview": "{\n \"props\": {\n \"height\": \"Sets the height for the component.\",\n \"window\": \"Increases the system bar height to 32p"
},
{
"path": "packages/api-generator/src/locale/en/VTab.json",
"chars": 1009,
"preview": "{\n \"props\": {\n \"direction\": \"Changes the direction of the tabs. Can be either `horizontal` or `vertical`.\",\n \"hid"
},
{
"path": "packages/api-generator/src/locale/en/VTable.json",
"chars": 682,
"preview": "{\n \"props\": {\n \"fixedFooter\": \"Use the fixed-footer prop together with the height prop to fix the footer to the bott"
},
{
"path": "packages/api-generator/src/locale/en/VTabs.json",
"chars": 2377,
"preview": "{\n \"props\": {\n \"alignTabs\": \"Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` t"
},
{
"path": "packages/api-generator/src/locale/en/VTextField.json",
"chars": 1447,
"preview": "{\n \"props\": {\n \"autofocus\": \"Enables autofocus.\",\n \"clearIcon\": \"Applied when using **clearable** and the input i"
},
{
"path": "packages/api-generator/src/locale/en/VTextarea.json",
"chars": 946,
"preview": "{\n \"props\": {\n \"autoGrow\": \"Automatically grow the textarea depending on amount of text.\",\n \"counterValue\": \"Disp"
},
{
"path": "packages/api-generator/src/locale/en/VThemeProvider.json",
"chars": 260,
"preview": "{\n \"props\": {\n \"withBackground\": \"Wraps its children in an element and applies the current theme's background color "
},
{
"path": "packages/api-generator/src/locale/en/VTimePicker.json",
"chars": 1171,
"preview": "{\n \"props\": {\n \"allowedHours\": \"Restricts which hours can be selected.\",\n \"allowedMinutes\": \"Restricts which minu"
},
{
"path": "packages/api-generator/src/locale/en/VTimePickerClock.json",
"chars": 1207,
"preview": "{\n \"props\": {\n \"allowedValues\": \"Restricts which hours can be selected.\",\n \"ampm\": \"Displays time in a 12-hour fo"
},
{
"path": "packages/api-generator/src/locale/en/VTimePickerControls.json",
"chars": 1034,
"preview": "{\n \"props\": {\n \"ampm\": \"Enables AM/PM mode.\",\n \"hour\": \"The current hour value.\",\n \"minute\": \"The current minu"
},
{
"path": "packages/api-generator/src/locale/en/VTimeline.json",
"chars": 691,
"preview": "{\n \"props\": {\n \"align\": \"Places the timeline dot at the top or center of the timeline item.\",\n \"direction\": \"Disp"
},
{
"path": "packages/api-generator/src/locale/en/VTimelineItem.json",
"chars": 873,
"preview": "{\n \"props\": {\n \"dotColor\": \"Color of the item dot.\",\n \"fillDot\": \"Remove outer border of item dot, making the col"
},
{
"path": "packages/api-generator/src/locale/en/VToolbar.json",
"chars": 1632,
"preview": "{\n \"props\": {\n \"absolute\": \"Applies position: absolute to the component.\",\n \"collapse\": \"Puts the toolbar into a "
},
{
"path": "packages/api-generator/src/locale/en/VTooltip.json",
"chars": 969,
"preview": "{\n \"props\": {\n \"closeDelay\": \"Delay (in ms) after which menu closes (when open-on-hover prop is set to true).\",\n "
},
{
"path": "packages/api-generator/src/locale/en/VTreeview.json",
"chars": 3490,
"preview": "{\n \"props\": {\n \"activatable\": \"Allows user to mark a node as active by clicking on it.\",\n \"color\": \"Applies speci"
},
{
"path": "packages/api-generator/src/locale/en/VTreeviewGroup.json",
"chars": 75,
"preview": "{\n \"props\": {\n \"fluid\": \"Removes indentation from nested items.\"\n }\n}\n"
},
{
"path": "packages/api-generator/src/locale/en/VTreeviewItem.json",
"chars": 794,
"preview": "{\n \"props\": {\n \"hideActions\": \"Hide the expand icon and loading indicator next to each item title.\",\n \"indentLine"
},
{
"path": "packages/api-generator/src/locale/en/VVideo.json",
"chars": 2551,
"preview": "{\n \"props\": {\n \"aspectRatio\": \"Sets the aspect ratio for the playback, calculated as width/height.\",\n \"src\": \"Med"
},
{
"path": "packages/api-generator/src/locale/en/VVideoControls.json",
"chars": 1587,
"preview": "{\n \"props\": {\n \"color\": \"General color applied to icons and sliders.\",\n \"backgroundColor\": \"Container background "
}
]
// ... and 2650 more files (download for full content)
About this extraction
This page contains the full source code of the vuetifyjs/vuetify GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 2850 files (7.6 MB), approximately 2.2M tokens, and a symbol index with 2175 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.