diff --git a/src/wave-ui/components/index.js b/src/wave-ui/components/index.js
index 0bff13927..c755f0f0f 100644
--- a/src/wave-ui/components/index.js
+++ b/src/wave-ui/components/index.js
@@ -1,47 +1,48 @@
-export { default as WAccordion } from './w-accordion'
-export { default as WAlert } from './w-alert'
-export { default as WApp } from './w-app'
-export { default as WBadge } from './w-badge'
-export { default as WBreadcrumbs } from './w-breadcrumbs'
-export { default as WButton } from './w-button'
-export { default as WCheckbox } from './w-checkbox'
-export { default as WCheckboxes } from './w-checkboxes'
-export { default as WCard } from './w-card'
-export { default as WDatePicker } from './w-date-picker'
-export { default as WDialog } from './w-dialog'
-export { default as WDivider } from './w-divider'
-export { default as WDrawer } from './w-drawer'
-export { default as WFlex } from './w-flex'
-export { default as WForm } from './w-form'
-export { default as WFormElement } from './w-form-element'
-export { default as WIcon } from './w-icon'
-export { default as WImage } from './w-image'
-export { default as WInput } from './w-input'
-export { default as WList } from './w-list'
-export { default as WMenu } from './w-menu'
-export { default as WNotification } from './w-notification'
-export { default as WOverlay } from './w-overlay'
-export { default as WParallax } from './w-parallax'
-export { default as WProgress } from './w-progress'
-export { default as WRadio } from './w-radio'
-export { default as WRadios } from './w-radios'
-export { default as WRating } from './w-rating'
-export { default as WSelect } from './w-select'
-export { default as WSlider } from './w-slider'
-export { default as WSpinner } from './w-spinner'
-export { default as WSteps } from './w-steps'
-export { default as WSwitch } from './w-switch'
-export { default as WTabs } from './w-tabs'
-export { default as WTag } from './w-tag'
-export { default as WTextarea } from './w-textarea'
-export { default as WTimeline } from './w-timeline'
-export { default as WToolbar } from './w-toolbar'
-export { default as WTooltip } from './w-tooltip'
-export { default as WTransitionBounce } from './transitions/w-transition-bounce'
-export { default as WTransitionExpand } from './transitions/w-transition-expand'
-export { default as WTransitionFade } from './transitions/w-transition-fade'
-export { default as WTransitionScale } from './transitions/w-transition-scale'
-export { default as WTransitionScaleFade } from './transitions/w-transition-scale-fade'
-export { default as WTransitionSlide } from './transitions/w-transition-slide'
-export { default as WTransitionSlideFade } from './transitions/w-transition-slide-fade'
-export { default as WTransitionTwist } from './transitions/w-transition-twist'
+// Keep all the `.vue` extensions for Vite & Rollup.
+export { default as WAccordion } from './w-accordion.vue'
+export { default as WAlert } from './w-alert.vue'
+export { default as WApp } from './w-app.vue'
+export { default as WBadge } from './w-badge.vue'
+export { default as WBreadcrumbs } from './w-breadcrumbs.vue'
+export { default as WButton } from './w-button.vue'
+export { default as WCheckbox } from './w-checkbox.vue'
+export { default as WCheckboxes } from './w-checkboxes.vue'
+export { default as WCard } from './w-card.vue'
+export { default as WDatePicker } from './w-date-picker.vue'
+export { default as WDialog } from './w-dialog.vue'
+export { default as WDivider } from './w-divider.vue'
+export { default as WDrawer } from './w-drawer.vue'
+export { default as WFlex } from './w-flex.vue'
+export { default as WForm } from './w-form.vue'
+export { default as WFormElement } from './w-form-element.vue'
+export { default as WIcon } from './w-icon.vue'
+export { default as WImage } from './w-image.vue'
+export { default as WInput } from './w-input.vue'
+export { default as WList } from './w-list.vue'
+export { default as WMenu } from './w-menu.vue'
+export { default as WNotification } from './w-notification.vue'
+export { default as WOverlay } from './w-overlay.vue'
+export { default as WParallax } from './w-parallax.vue'
+export { default as WProgress } from './w-progress.vue'
+export { default as WRadio } from './w-radio.vue'
+export { default as WRadios } from './w-radios.vue'
+export { default as WRating } from './w-rating.vue'
+export { default as WSelect } from './w-select.vue'
+export { default as WSlider } from './w-slider.vue'
+export { default as WSpinner } from './w-spinner.vue'
+export { default as WSteps } from './w-steps.vue'
+export { default as WSwitch } from './w-switch.vue'
+export { default as WTabs } from './w-tabs.vue'
+export { default as WTag } from './w-tag.vue'
+export { default as WTextarea } from './w-textarea.vue'
+export { default as WTimeline } from './w-timeline.vue'
+export { default as WToolbar } from './w-toolbar.vue'
+export { default as WTooltip } from './w-tooltip.vue'
+export { default as WTransitionBounce } from './transitions/w-transition-bounce.vue'
+export { default as WTransitionExpand } from './transitions/w-transition-expand.vue'
+export { default as WTransitionFade } from './transitions/w-transition-fade.vue'
+export { default as WTransitionScale } from './transitions/w-transition-scale.vue'
+export { default as WTransitionScaleFade } from './transitions/w-transition-scale-fade.vue'
+export { default as WTransitionSlide } from './transitions/w-transition-slide.vue'
+export { default as WTransitionSlideFade } from './transitions/w-transition-slide-fade.vue'
+export { default as WTransitionTwist } from './transitions/w-transition-twist.vue'