@dpa-id-components/dpa-shared-components 8.7.0 → 8.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/UseBreakpoints.stories.ts +22 -0
- package/dist/UseBreakpoints.vue +12 -0
- package/dist/{activities-f9f2c60e.mjs → activities-7078badc.mjs} +1 -1
- package/dist/{alert-a0d6d9d9.mjs → alert-2c101b8c.mjs} +1 -1
- package/dist/{alert-fill-afbc976b.mjs → alert-fill-d71b0894.mjs} +1 -1
- package/dist/{alert-octagon-56139963.mjs → alert-octagon-dd57ae5f.mjs} +1 -1
- package/dist/{apps-e44fbda8.mjs → apps-3c2d7f63.mjs} +1 -1
- package/dist/{archive-a53a270e.mjs → archive-57ba8974.mjs} +1 -1
- package/dist/{arrow-left-c8ead9e4.mjs → arrow-left-d54ac135.mjs} +1 -1
- package/dist/{arrow-nav-left-4cec7c42.mjs → arrow-nav-left-106cab88.mjs} +1 -1
- package/dist/{arrow-nav-right-ae67a0ee.mjs → arrow-nav-right-d2f37c7e.mjs} +1 -1
- package/dist/{arrow-right-1afcde04.mjs → arrow-right-af47dc6a.mjs} +1 -1
- package/dist/{arrowhead-left-5bdbf6bc.mjs → arrowhead-left-379df6c4.mjs} +1 -1
- package/dist/{arrowhead-right-d3369806.mjs → arrowhead-right-f634422b.mjs} +1 -1
- package/dist/{arrowhead-top-77f91b7f.mjs → arrowhead-top-5fd230bc.mjs} +1 -1
- package/dist/{atmo-972656d8.mjs → atmo-7ffe15e2.mjs} +1 -1
- package/dist/{audio-circled-deaef5be.mjs → audio-circled-232ac711.mjs} +1 -1
- package/dist/{audio-e1cd4808.mjs → audio-d219eee4.mjs} +1 -1
- package/dist/{audio-filled-2407271d.mjs → audio-filled-c7f0b06d.mjs} +1 -1
- package/dist/{bag-57b0f361.mjs → bag-b1c90c9d.mjs} +1 -1
- package/dist/{bell-d14b673c.mjs → bell-c4ef2483.mjs} +1 -1
- package/dist/{bell-fill-c6f985d8.mjs → bell-fill-98784347.mjs} +1 -1
- package/dist/{book-2db61bf9.mjs → book-a53f03b7.mjs} +1 -1
- package/dist/{bookmark-3c036b28.mjs → bookmark-8e4ef660.mjs} +1 -1
- package/dist/{bookmark-fill-ecd3ff57.mjs → bookmark-fill-18167bcd.mjs} +1 -1
- package/dist/{box-ab540d10.mjs → box-74110d75.mjs} +1 -1
- package/dist/{bulb-b6ac26fd.mjs → bulb-539767a3.mjs} +1 -1
- package/dist/{call-a60fa715.mjs → call-c1be8158.mjs} +1 -1
- package/dist/{camera-e568bab4.mjs → camera-566db54b.mjs} +1 -1
- package/dist/{check-706c051e.mjs → check-e4d56dea.mjs} +1 -1
- package/dist/{checklist-fdb1e351.mjs → checklist-885629e0.mjs} +1 -1
- package/dist/{checkmark-8749f143.mjs → checkmark-7bb03066.mjs} +1 -1
- package/dist/{checkmark-double-ad38ca8e.mjs → checkmark-double-226ecc06.mjs} +1 -1
- package/dist/{chevron-down-adbf3bf6.mjs → chevron-down-d9cc3584.mjs} +1 -1
- package/dist/{chevron-left-cfce74be.mjs → chevron-left-d37e4cf5.mjs} +1 -1
- package/dist/{chevron-right-bcfb98c6.mjs → chevron-right-2b82b85c.mjs} +1 -1
- package/dist/{chevron-up-2679e006.mjs → chevron-up-6cfd4d3d.mjs} +1 -1
- package/dist/{clipboard-6716d19c.mjs → clipboard-c3a0dcd7.mjs} +1 -1
- package/dist/{clock-b4b73f31.mjs → clock-64696f87.mjs} +1 -1
- package/dist/{close-efb485e9.mjs → close-edf8f0a7.mjs} +1 -1
- package/dist/{cloud-save-92db9b4c.mjs → cloud-save-9cb89227.mjs} +1 -1
- package/dist/{code-976e1e26.mjs → code-e30b0574.mjs} +1 -1
- package/dist/{collapse-81392d44.mjs → collapse-3a144e1b.mjs} +1 -1
- package/dist/{color-palette-45bbd9f6.mjs → color-palette-0ed1f01d.mjs} +1 -1
- package/dist/{comment-0a0d7e28.mjs → comment-62396a37.mjs} +1 -1
- package/dist/{comment-fill-3a236fbe.mjs → comment-fill-819fae0c.mjs} +1 -1
- package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +211 -216
- package/dist/components/DpaEventItem/DpaEventItem.vue.d.ts +103 -66
- package/dist/components/DpaEventItem/DpaEventItemCompact.vue.d.ts +61 -46
- package/dist/components/DpaEventItem/DpaEventItemPreview.vue.d.ts +45 -42
- package/dist/components/DpaEventItem/DpaEventItemStandard.vue.d.ts +87 -60
- package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +51 -34
- package/dist/components/DpaMediaItem/DpaMediaItem.vue.d.ts +43 -42
- package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +44 -43
- package/dist/components/UiBadge/UiBadge.stories.d.ts +53 -46
- package/dist/components/UiBadge/UiBadge.vue.d.ts +59 -50
- package/dist/components/UiButton/UiButton.stories.d.ts +53 -48
- package/dist/components/UiButton/UiButton.vue.d.ts +60 -51
- package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +46 -1
- package/dist/components/UiCard/UiCard.stories.d.ts +46 -1
- package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +52 -42
- package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +52 -47
- package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts +28 -35
- package/dist/components/UiChip/UiChip.stories.d.ts +49 -22
- package/dist/components/UiChip/UiChip.vue.d.ts +27 -34
- package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +49 -22
- package/dist/components/UiCollapseNavigation/UiCollapseNavigation.vue.d.ts +27 -34
- package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts +14 -27
- package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +234 -139
- package/dist/components/UiDialog/UiDialog.stories.d.ts +112 -132
- package/dist/components/UiDialog/UiDialog.vue.d.ts +84 -63
- package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +100 -56
- package/dist/components/UiFilterBadge/UiFilterBadge.vue.d.ts +35 -38
- package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +100 -70
- package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts +46 -41
- package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +84 -63
- package/dist/components/UiIcon/UiIcon.vue.d.ts +27 -33
- package/dist/components/UiIconButton/UiIconButton.vue.d.ts +52 -46
- package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +153 -112
- package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +43 -38
- package/dist/components/UiInput/UiInput.vue.d.ts +156 -97
- package/dist/components/UiList/UiList.stories.d.ts +315 -255
- package/dist/components/UiListItem/UiListItem.stories.d.ts +118 -168
- package/dist/components/UiListItem/UiListItem.vue.d.ts +108 -75
- package/dist/components/UiMenu/UiMenu.vue.d.ts +172 -109
- package/dist/components/UiOverlay/UiOverlay.stories.d.ts +92 -8
- package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +304 -196
- package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +14 -27
- package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +58 -49
- package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +210 -196
- package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +76 -55
- package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +100 -68
- package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts +36 -37
- package/dist/components/UiSection/UiSection.stories.d.ts +50 -28
- package/dist/components/UiSection/UiSection.vue.d.ts +35 -38
- package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +50 -28
- package/dist/components/UiSectionDivider/UiSectionDivider.vue.d.ts +19 -30
- package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +36 -39
- package/dist/components/UiSkeletonBox/UiSkeletonBox.vue.d.ts +27 -34
- package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +135 -62
- package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +45 -39
- package/dist/components/UiSpinner/UiSpinner.vue.d.ts +19 -30
- package/dist/components/UiTextButton/UiTextButton.stories.d.ts +54 -52
- package/dist/components/UiTextButton/UiTextButton.vue.d.ts +67 -54
- package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +53 -48
- package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +60 -51
- package/dist/components/UiTooltip/UiTooltip.stories.d.ts +104 -82
- package/dist/components/UiTooltip/UiTooltip.vue.d.ts +49 -48
- package/dist/{copy-ae02ada0.mjs → copy-e5d31a9c.mjs} +1 -1
- package/dist/{copy-link-c7d1fcff.mjs → copy-link-b42b0b2d.mjs} +1 -1
- package/dist/{delete-9a29e97b.mjs → delete-0d28874e.mjs} +1 -1
- package/dist/{download-ad9585c7.mjs → download-4d77c56a.mjs} +1 -1
- package/dist/{dpa-id-27be4c41.mjs → dpa-id-a0c91200.mjs} +1 -1
- package/dist/dpa-shared-components.mjs +3315 -3311
- package/dist/dpa-shared-components.umd.js +8 -8
- package/dist/{edit-54c8809f.mjs → edit-690308aa.mjs} +1 -1
- package/dist/{edit-add-7bfb555f.mjs → edit-add-4db19760.mjs} +1 -1
- package/dist/{eil-ac5f45eb.mjs → eil-0d960dff.mjs} +1 -1
- package/dist/{emoji-1689543d.mjs → emoji-1f86205e.mjs} +1 -1
- package/dist/{emoji-add-41ca8fd7.mjs → emoji-add-d72d5534.mjs} +1 -1
- package/dist/{envelope-a0d3d6d7.mjs → envelope-5df69adf.mjs} +1 -1
- package/dist/{event-20a03061.mjs → event-babd84b5.mjs} +1 -1
- package/dist/{expand-2e06145a.mjs → expand-7405e392.mjs} +1 -1
- package/dist/{external-link-7041bbcb.mjs → external-link-894815fd.mjs} +1 -1
- package/dist/{file-4eb8893c.mjs → file-c91b0bb9.mjs} +1 -1
- package/dist/{file-pdf-6cf84254.mjs → file-pdf-2e1da127.mjs} +1 -1
- package/dist/{filter-2796c9e5.mjs → filter-b513696c.mjs} +1 -1
- package/dist/{filter-outline-4ecb8d78.mjs → filter-outline-38b76948.mjs} +1 -1
- package/dist/{flag-f0136569.mjs → flag-44da1d73.mjs} +1 -1
- package/dist/{flag-fill-59914bd9.mjs → flag-fill-ca5d310f.mjs} +1 -1
- package/dist/{flag-filled-fdd7f020.mjs → flag-filled-98bcbce8.mjs} +1 -1
- package/dist/{flag-outline-29103204.mjs → flag-outline-2ea131c7.mjs} +1 -1
- package/dist/{flags-844143ef.mjs → flags-c30e45b5.mjs} +1 -1
- package/dist/{flash-7b073629.mjs → flash-7a927e7d.mjs} +1 -1
- package/dist/{folder-c27d563c.mjs → folder-3b2d5f59.mjs} +1 -1
- package/dist/{folder-add-6bbca26f.mjs → folder-add-cdaf8bf7.mjs} +1 -1
- package/dist/{folder-fill-f2422c86.mjs → folder-fill-356643c5.mjs} +1 -1
- package/dist/{folder-filled-d4f0b60d.mjs → folder-filled-09259424.mjs} +1 -1
- package/dist/{gallery-486094d5.mjs → gallery-f6dcc77b.mjs} +1 -1
- package/dist/{graphic-circled-1e6f2641.mjs → graphic-circled-c7768cfc.mjs} +1 -1
- package/dist/{graphic-d6db7915.mjs → graphic-ea6911f6.mjs} +1 -1
- package/dist/{graphic-filled-a7adb288.mjs → graphic-filled-6f965469.mjs} +1 -1
- package/dist/{graphics-0ca78545.mjs → graphics-9dc48e2a.mjs} +1 -1
- package/dist/{grid-1-d61d1f75.mjs → grid-1-5b0e49a3.mjs} +1 -1
- package/dist/{grid-2-44a5f469.mjs → grid-2-a31cd506.mjs} +1 -1
- package/dist/{grid-3-774f5899.mjs → grid-3-3829895b.mjs} +1 -1
- package/dist/{grid-4-8da16fc6.mjs → grid-4-b4dd73f8.mjs} +1 -1
- package/dist/{grid-6-3f89988f.mjs → grid-6-151b07df.mjs} +1 -1
- package/dist/{grid-9-309e0f04.mjs → grid-9-d3c48186.mjs} +1 -1
- package/dist/{grid-masonry-8a430bb7.mjs → grid-masonry-6a1b8806.mjs} +1 -1
- package/dist/{grid-masonry-9-5b43833e.mjs → grid-masonry-9-2a9c0a17.mjs} +1 -1
- package/dist/{help-c56106ee.mjs → help-d209fdb7.mjs} +1 -1
- package/dist/{home-6b9069db.mjs → home-c424a69c.mjs} +1 -1
- package/dist/{image focus point-2d61b608.mjs → image focus point-30a5eafb.mjs } +1 -1
- package/dist/{image-3421096e.mjs → image-40863651.mjs} +1 -1
- package/dist/{impact-high-52bfea80.mjs → impact-high-41a83c21.mjs} +1 -1
- package/dist/{impact-low-85e9dfae.mjs → impact-low-ba89c10c.mjs} +1 -1
- package/dist/{impact-medium-747b1a6b.mjs → impact-medium-d64a53c3.mjs} +1 -1
- package/dist/{impact-very-high-9a756448.mjs → impact-very-high-c375c84e.mjs} +1 -1
- package/dist/{impact-very-low-161a0550.mjs → impact-very-low-b45b4a06.mjs} +1 -1
- package/dist/{info-99c9d2c4.mjs → info-387743c4.mjs} +1 -1
- package/dist/{info-fill-182806af.mjs → info-fill-f971d701.mjs} +1 -1
- package/dist/{info-filled-13ae2b18.mjs → info-filled-c86c481a.mjs} +1 -1
- package/dist/{language-f058f9ce.mjs → language-80eedb9e.mjs} +1 -1
- package/dist/{latest-6b417f96.mjs → latest-bb39d821.mjs} +1 -1
- package/dist/{lightbulb-07faab6e.mjs → lightbulb-0c284cc9.mjs} +1 -1
- package/dist/{list-11245396.mjs → list-09e39a1a.mjs} +1 -1
- package/dist/{lock-6f4e15bd.mjs → lock-f716251b.mjs} +1 -1
- package/dist/{mail-1c701828.mjs → mail-b4cc7e44.mjs} +1 -1
- package/dist/main.css +23 -0
- package/dist/{map-f334c3ae.mjs → map-ecf5afac.mjs} +1 -1
- package/dist/{map-outline-d28b447d.mjs → map-outline-4c9934e8.mjs} +1 -1
- package/dist/{menu-af91ca44.mjs → menu-74a17c43.mjs} +1 -1
- package/dist/{minus-6e4b26ac.mjs → minus-6e38066a.mjs} +1 -1
- package/dist/{more-horizontal-fd189cbe.mjs → more-horizontal-e7e121c3.mjs} +1 -1
- package/dist/{more-vertical-b4afe623.mjs → more-vertical-0d8048ea.mjs} +1 -1
- package/dist/{move-26bd30ed.mjs → move-88cb6eb3.mjs} +1 -1
- package/dist/{move-up-down-6ab70ff2.mjs → move-up-down-0e48263c.mjs} +1 -1
- package/dist/{navigation-09b7c597.mjs → navigation-e1f28747.mjs} +1 -1
- package/dist/{note-ed125e52.mjs → note-811b096c.mjs} +1 -1
- package/dist/{offline-7f5f0da8.mjs → offline-73d06154.mjs} +1 -1
- package/dist/{paper-plane-dd6d4179.mjs → paper-plane-07bcb43e.mjs} +1 -1
- package/dist/{paperplane-4a535f67.mjs → paperplane-662f4097.mjs} +1 -1
- package/dist/{pause-d06b5174.mjs → pause-70fe2ae7.mjs} +1 -1
- package/dist/{pause-circle-0dd0939d.mjs → pause-circle-4204406f.mjs} +1 -1
- package/dist/{pdf-6d684269.mjs → pdf-9b269d2e.mjs} +1 -1
- package/dist/pdf-bcee5eee.mjs +19 -0
- package/dist/{pen-8b9d762e.mjs → pen-128f19d5.mjs} +1 -1
- package/dist/{people-56639daa.mjs → people-0c20927c.mjs} +1 -1
- package/dist/{phone-df188c32.mjs → phone-288ed7a3.mjs} +1 -1
- package/dist/{picture-434a77e0.mjs → picture-0eb9c590.mjs} +1 -1
- package/dist/{picture-circled-d6e0c7f5.mjs → picture-circled-7602192a.mjs} +1 -1
- package/dist/{picture-filled-a9884ea9.mjs → picture-filled-a6b618dc.mjs} +1 -1
- package/dist/{pin-8db4c65c.mjs → pin-530b1711.mjs} +1 -1
- package/dist/{planning-cd2d8d52.mjs → planning-cb43b438.mjs} +1 -1
- package/dist/{play-d17e6a6f.mjs → play-5428740c.mjs} +1 -1
- package/dist/{play-circle-b671e291.mjs → play-circle-d074b95a.mjs} +1 -1
- package/dist/{play-fill-fff80c96.mjs → play-fill-bac80265.mjs} +1 -1
- package/dist/{plus-circle-85afbf33.mjs → plus-circle-3d253a5c.mjs} +1 -1
- package/dist/{plus-2571db7f.mjs → plus-ee8af457.mjs} +1 -1
- package/dist/{print-c5ba3b53.mjs → print-949a5857.mjs} +1 -1
- package/dist/{refresh-70af2f15.mjs → refresh-2f2ba8ae.mjs} +1 -1
- package/dist/{reset-fbc05480.mjs → reset-c155c5ff.mjs} +1 -1
- package/dist/{responsive-2ea289d6.mjs → responsive-90c640a7.mjs} +1 -1
- package/dist/{rubix-thema-61e26892.mjs → rubix-thema-05104238.mjs} +1 -1
- package/dist/{save-07999737.mjs → save-48d4be4e.mjs} +1 -1
- package/dist/{saved-search-0aa4b868.mjs → saved-search-0e8aa09b.mjs} +1 -1
- package/dist/{saved-search-fill-50ad11a2.mjs → saved-search-fill-48f8c71c.mjs} +1 -1
- package/dist/{search-e4f0dee3.mjs → search-0890d914.mjs} +1 -1
- package/dist/{settings-39280b37.mjs → settings-57eb0eef.mjs} +1 -1
- package/dist/{share-alternative-28706f76.mjs → share-alternative-fa060128.mjs} +1 -1
- package/dist/{share-34542815.mjs → share-cfa18007.mjs} +1 -1
- package/dist/{sidebar-1e7d966f.mjs → sidebar-9cb81395.mjs} +1 -1
- package/dist/{sidebar-fill-b6d46141.mjs → sidebar-fill-c22e0d1a.mjs} +1 -1
- package/dist/{slack-a3715c17.mjs → slack-87bd7d6a.mjs} +1 -1
- package/dist/{slider-config-1f9a2288.mjs → slider-config-94286557.mjs} +1 -1
- package/dist/{spellcheck-256d5c06.mjs → spellcheck-c9014c44.mjs} +1 -1
- package/dist/{spinner-eef9cab5.mjs → spinner-8f277552.mjs} +1 -1
- package/dist/{standard-view-1a34321b.mjs → standard-view-af2a4834.mjs} +1 -1
- package/dist/{star-4aaea552.mjs → star-5c3c64ca.mjs} +1 -1
- package/dist/{star-fill-1639422a.mjs → star-fill-eb91b846.mjs} +1 -1
- package/dist/{star-filled-1639422a.mjs → star-filled-eb91b846.mjs} +1 -1
- package/dist/{stop-cecd0532.mjs → stop-05ecbd72.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/{sync-666b443c.mjs → sync-1356e16f.mjs} +1 -1
- package/dist/tailwind/UseBreakpoints.stories.d.ts +10 -0
- package/dist/tailwind/useBreakpoints.d.ts +9 -0
- package/dist/{tasks-d381d43e.mjs → tasks-d09d0af6.mjs} +1 -1
- package/dist/{text-circled-e402f1b7.mjs → text-circled-5283cff7.mjs} +1 -1
- package/dist/{text-b5326896.mjs → text-fff14e8f.mjs} +1 -1
- package/dist/{text-filled-b9a95060.mjs → text-filled-dec83924.mjs} +1 -1
- package/dist/{topic-5554a876.mjs → topic-354c5294.mjs} +1 -1
- package/dist/{union-6156bf2d.mjs → union-5e751949.mjs} +1 -1
- package/dist/{upload-6c0a71f6.mjs → upload-a371f576.mjs} +1 -1
- package/dist/useBreakpoints.ts +19 -0
- package/dist/{video overlay-5e8930c2.mjs → video overlay-11864580.mjs } +1 -1
- package/dist/{video-86ff6e6b.mjs → video-8c400770.mjs} +1 -1
- package/dist/{video-circled-1538019f.mjs → video-circled-cb973c76.mjs} +1 -1
- package/dist/{video-filled-bada645c.mjs → video-filled-864f2e9f.mjs} +1 -1
- package/dist/{view-8d99277e.mjs → view-39118876.mjs} +1 -1
- package/dist/{view-off-e59a73a9.mjs → view-off-ebee0dd9.mjs} +1 -1
- package/dist/{volume-up-8be4e58a.mjs → volume-up-8bf4fe6e.mjs} +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import UseBreakpoints from "./UseBreakpoints.vue";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
3
|
+
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "tailwind/UseBreakpoints.ts",
|
|
6
|
+
component: UseBreakpoints,
|
|
7
|
+
argTypes: {},
|
|
8
|
+
parameters: {},
|
|
9
|
+
} satisfies Meta<typeof UseBreakpoints>;
|
|
10
|
+
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
|
|
14
|
+
export const Default: Story = {
|
|
15
|
+
render: (args: any) => ({
|
|
16
|
+
setup() {
|
|
17
|
+
return { args };
|
|
18
|
+
},
|
|
19
|
+
components: { UseBreakpoints },
|
|
20
|
+
template: `<div><UseBreakpoints /></div>`,
|
|
21
|
+
}),
|
|
22
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<UiButton v-if="lg">Button for LG</UiButton>
|
|
3
|
+
<UiIconButton v-else icon-name="emoji" />
|
|
4
|
+
</template>
|
|
5
|
+
|
|
6
|
+
<script setup lang="ts">
|
|
7
|
+
import useBreakpoints from "./useBreakpoints";
|
|
8
|
+
import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
|
|
9
|
+
import UiButton from "@/components/UiButton/UiButton.vue";
|
|
10
|
+
|
|
11
|
+
const { lg } = useBreakpoints();
|
|
12
|
+
</script>
|