From f3bb301fbee2e39417905f10b216ce97b1cc6787 Mon Sep 17 00:00:00 2001 From: Florian Dendorfer Date: Mon, 28 Oct 2024 18:56:16 +0100 Subject: [PATCH] Revert "chore: upgrade vue 3 (#118)" (#119) This reverts commit 65f176f71fcb052c0110b0f23fce5c5fbc10eb65. --- .gitignore | 2 + .nvmrc | 2 +- README.md | 6 +- app/.gitignore | 4 - app/.storybook/BundTheme.js | 8 + app/.storybook/BundTheme.ts | 8 - app/.storybook/main.js | 21 + app/.storybook/main.ts | 32 - app/.storybook/manager.js | 6 + app/.storybook/manager.ts | 6 - app/.storybook/preview-head.html | 2 - app/.storybook/preview.js | 55 + app/.storybook/preview.ts | 63 - app/.storybook/store.js | 19 + app/README.md | 29 +- app/components/ch/components/Accordion.vue | 38 +- .../ch/components/AccordionItem.vue | 50 +- app/components/ch/components/AlertBanner.vue | 137 +- app/components/ch/components/AudioPlayer.vue | 58 +- app/components/ch/components/Authors.vue | 102 +- app/components/ch/components/BackToTopBtn.vue | 75 +- app/components/ch/components/Badge.vue | 150 +- app/components/ch/components/BadgeFilter.vue | 90 +- app/components/ch/components/Btn.vue | 198 +- app/components/ch/components/Burger.vue | 28 +- app/components/ch/components/Card.vue | 117 +- .../ch/components/CarouselBadgeFilter.vue | 231 +- app/components/ch/components/Checkbox.vue | 139 +- app/components/ch/components/Contact.vue | 128 +- app/components/ch/components/DownloadItem.vue | 117 +- app/components/ch/components/EasyLanguage.vue | 16 +- app/components/ch/components/Fieldset.vue | 95 +- app/components/ch/components/Form.vue | 119 +- .../ch/components/GlossarResultList.vue | 41 +- .../ch/components/GlossarResultListItem.vue | 101 +- .../GlossarResultListItemAccordion.vue | 45 +- .../ch/components/GlossarResultTitle.vue | 20 +- .../ch/components/ImageNotAvailable.vue | 29 +- .../ch/components/IndexPageResultList.vue | 33 +- .../ch/components/IndexPageResultListItem.vue | 141 +- .../IndexPageResultListItemList.vue | 36 +- .../ch/components/IndexPageResultTitle.vue | 17 +- app/components/ch/components/InfoBlock.vue | 89 +- app/components/ch/components/Input.vue | 227 +- .../ch/components/LanguageSwitcher.vue | 30 +- app/components/ch/components/Logo.vue | 93 +- app/components/ch/components/MetaInfo.vue | 21 +- app/components/ch/components/Modal.vue | 213 +- app/components/ch/components/MultiSelect.vue | 285 +- app/components/ch/components/Newsletter.vue | 135 +- app/components/ch/components/Notification.vue | 71 +- .../ch/components/NotificationBanner.vue | 80 +- app/components/ch/components/OrderBox.vue | 209 +- app/components/ch/components/Pagination.vue | 80 +- .../ch/components/PaginationItem.vue | 79 +- app/components/ch/components/Popover.vue | 92 +- app/components/ch/components/Print.vue | 13 +- app/components/ch/components/Radio.vue | 135 +- app/components/ch/components/RelatedTags.vue | 34 +- app/components/ch/components/SearchMain.vue | 42 +- .../ch/components/SearchResultsList.vue | 91 +- app/components/ch/components/Select.vue | 158 +- app/components/ch/components/ShoppingCard.vue | 128 +- app/components/ch/components/ShoppingCart.vue | 804 +- .../ShoppingCartAmountIndicator.vue | 28 +- .../ch/components/ShoppingCartButton.vue | 66 +- .../ch/components/ShoppingCartTotal.vue | 85 +- .../components/ShoppingCartTotalSummary.vue | 116 +- app/components/ch/components/SignLanguage.vue | 16 +- .../ch/components/StepIndicator.vue | 52 +- app/components/ch/components/SvgIcon.vue | 77 +- app/components/ch/components/TagItem.vue | 113 +- app/components/ch/components/TextImage.vue | 96 +- app/components/ch/components/Textarea.vue | 157 +- app/components/ch/components/ToastMessage.vue | 69 +- app/components/ch/demo/CardGrid.vue | 46 +- app/components/ch/demo/CarouselExample.vue | 158 +- app/components/ch/demo/ColorList.vue | 51 +- app/components/ch/demo/ColorListItem.vue | 31 +- app/components/ch/demo/Links.vue | 17 +- app/components/ch/demo/ShareBar.vue | 18 +- app/components/ch/demo/SlideshowExample.vue | 139 +- app/components/ch/demo/SvgIconList.vue | 64 +- app/components/ch/demo/SvgIconListItem.vue | 24 +- app/components/ch/demo/SvgIconSprite.vue | 27 + app/components/ch/demo/Table.vue | 92 +- app/components/ch/demo/TableSortable.vue | 91 +- app/components/ch/demo/Tabs.vue | 37 +- app/components/ch/demo/TabsLarge.vue | 55 +- .../ch/demo/TranscriptionExample.vue | 219 +- app/components/ch/demo/VideoExample.vue | 29 +- app/components/ch/foundations/Backgrounds.vue | 94 +- app/components/ch/foundations/Fonts.vue | 80 +- .../ch/navigations/BreadcrumbNavigation.vue | 34 +- .../ch/navigations/CarouselNavigation.vue | 54 +- .../ch/navigations/MainNavigation.vue | 395 +- .../ch/navigations/MainNavigationSimple.vue | 13 +- .../ch/navigations/MetaNavigation.vue | 43 +- .../ch/navigations/MobileMetaNavigation.vue | 45 +- .../ch/navigations/TopBarNavigation.vue | 38 +- .../ch/objects/AlterBodyClasses.vue | 169 +- app/components/ch/sections/Breadcrumb.vue | 43 +- app/components/ch/sections/ContactSection.vue | 31 +- app/components/ch/sections/DesktopMenu.vue | 166 +- .../ch/sections/FooterInformation.vue | 25 +- .../ch/sections/FooterNavigation.vue | 8 +- app/components/ch/sections/FormDemo.vue | 188 +- app/components/ch/sections/Hero.vue | 101 +- app/components/ch/sections/MediasSection.vue | 247 +- app/components/ch/sections/MobileMenu.vue | 139 +- app/components/ch/sections/MobileMenuV2.vue | 277 +- .../ch/sections/MoreInfosAccordionSection.vue | 103 +- .../ch/sections/MostSeenSection.vue | 108 +- .../ch/sections/PortraitSection.vue | 75 +- app/components/ch/sections/QuoteSection.vue | 57 +- .../sections/RelatedPublicationsSection.vue | 75 +- .../ch/sections/ServicesSection.vue | 76 +- app/components/ch/sections/SocialsSection.vue | 396 +- .../ch/sections/SubpagesSection.vue | 99 +- app/components/ch/sections/TopBar.vue | 213 +- app/components/ch/sections/TopHeader.vue | 165 +- app/components/ch/sections/TopNewsSection.vue | 348 +- app/components/ch/sections/TopicsSection.vue | 389 +- .../stories/components/Accordion.stories.js | 49 - .../{Accordion.mdx => Accordion.stories.mdx} | 57 +- .../stories/components/AlertBanner.mdx | 15 - .../stories/components/AlertBanner.stories.js | 56 - .../components/AlertBanner.stories.mdx | 50 + app/components/stories/components/Audio.mdx | 31 - .../stories/components/Audio.stories.js | 56 - .../stories/components/Audio.stories.mdx | 84 + app/components/stories/components/Authors.mdx | 48 - .../stories/components/Authors.stories.js | 81 - .../stories/components/Authors.stories.mdx | 144 + .../stories/components/BackToTopBtn.mdx | 55 - .../components/BackToTopBtn.stories.js | 44 - .../components/BackToTopBtn.stories.mdx | 99 + app/components/stories/components/Badge.mdx | 57 - .../stories/components/Badge.stories.js | 112 - .../stories/components/Badge.stories.mdx | 109 + app/components/stories/components/Btn.mdx | 74 - .../stories/components/Btn.stories.js | 198 - .../stories/components/Btn.stories.mdx | 195 + app/components/stories/components/Card.mdx | 39 - .../stories/components/Card.stories.js | 421 - .../stories/components/Card.stories.mdx | 454 + .../stories/components/CardsOnGrid.mdx | 94 - .../stories/components/CardsOnGrid.stories.js | 281 - .../components/CardsOnGrid.stories.mdx | 352 + .../stories/components/CardsVariants.mdx | 71 - .../components/CardsVariants.stories.js | 197 - .../components/CardsVariants.stories.mdx | 262 + .../stories/components/Carousel.mdx | 28 - .../stories/components/Carousel.stories.js | 344 - .../stories/components/Carousel.stories.mdx | 357 + .../stories/components/Checkbox.mdx | 59 - .../stories/components/Checkbox.stories.js | 100 - .../stories/components/Checkbox.stories.mdx | 152 + .../stories/components/DownloadItem.mdx | 58 - .../components/DownloadItem.stories.js | 78 - .../components/DownloadItem.stories.mdx | 145 + .../stories/components/Fieldset.mdx | 96 - .../stories/components/Fieldset.stories.js | 108 - .../stories/components/Fieldset.stories.mdx | 221 + app/components/stories/components/Input.mdx | 52 - .../stories/components/Input.stories.js | 163 - .../stories/components/Input.stories.mdx | 156 + .../stories/components/Link.stories.js | 71 - .../components/{Link.mdx => Link.stories.mdx} | 62 +- app/components/stories/components/Lists.mdx | 68 - .../stories/components/Lists.stories.js | 181 - .../stories/components/Lists.stories.mdx | 166 + app/components/stories/components/Logo.mdx | 10 - .../stories/components/Logo.stories.js | 21 +- .../stories/components/MetaInfo.stories.js | 17 - .../stories/components/MetaInfo.stories.mdx | 1 + app/components/stories/components/Modal.mdx | 42 - .../{Modal.stories.js => Modal.stories.mdx} | 119 +- .../stories/components/MultiSelect.mdx | 44 - .../stories/components/MultiSelect.stories.js | 105 - .../components/MultiSelect.stories.mdx | 132 + .../stories/components/Newsletter.mdx | 26 - .../stories/components/Newsletter.stories.js | 82 - .../stories/components/Newsletter.stories.mdx | 82 + .../stories/components/Notification.mdx | 38 - .../components/Notification.stories.js | 158 - .../components/Notification.stories.mdx | 186 + .../stories/components/NotificationBanner.mdx | 18 - .../components/NotificationBanner.stories.js | 35 - .../components/NotificationBanner.stories.mdx | 49 + .../stories/components/Pagination.mdx | 17 - .../stories/components/Pagination.stories.js | 44 - .../stories/components/Pagination.stories.mdx | 52 + .../stories/components/Popover.stories.js | 60 - .../{Popover.mdx => Popover.stories.mdx} | 119 +- app/components/stories/components/Print.mdx | 15 - .../stories/components/Print.stories.js | 13 - .../stories/components/Print.stories.mdx | 31 + app/components/stories/components/Radio.mdx | 95 - .../stories/components/Radio.stories.js | 170 - .../stories/components/Radio.stories.mdx | 209 + app/components/stories/components/Select.mdx | 55 - .../stories/components/Select.stories.js | 228 - .../stories/components/Select.stories.mdx | 264 + .../stories/components/Separator.mdx | 25 - .../stories/components/Separator.stories.js | 39 - .../stories/components/Separator.stories.mdx | 47 + .../stories/components/Slideshow.mdx | 21 - .../stories/components/Slideshow.stories.js | 181 - .../stories/components/Slideshow.stories.mdx | 197 + .../stories/components/Table.stories.js | 44 - .../{Table.mdx => Table.stories.mdx} | 95 +- app/components/stories/components/Tabs.mdx | 30 - .../stories/components/Tabs.stories.js | 22 - .../stories/components/Tabs.stories.mdx | 65 + app/components/stories/components/TagItem.mdx | 29 - .../stories/components/TagItem.stories.js | 117 - .../stories/components/TagItem.stories.mdx | 132 + .../stories/components/Textarea.mdx | 53 - .../stories/components/Textarea.stories.js | 121 - .../stories/components/Textarea.stories.mdx | 138 + app/components/stories/components/Video.mdx | 29 - .../stories/components/Video.stories.js | 28 - .../stories/components/Video.stories.mdx | 59 + .../stories/components/VideoCaptions.mdx | 20 - .../components/VideoCaptions.stories.js | 14 - .../components/VideoCaptions.stories.mdx | 41 + .../stories/components/VideoTranscrIpt.mdx | 10 - .../components/VideoTranscrIpt.stories.js | 34 - .../components/VideoTranscrIpt.stories.mdx | 50 + .../stories/foundations/IconList.stories.js | 13 + app/components/stories/foundations/Icons.mdx | 82 - .../stories/foundations/Icons.stories.js | 58 - .../stories/foundations/Icons.stories.mdx | 103 + .../foundations/backgrounds/Backgrounds.mdx | 8 - .../backgrounds/Backgrounds.stories.js | 65 - .../backgrounds/Backgrounds.stories.mdx | 58 + .../stories/foundations/favicon/Favicon.mdx | 23 - .../foundations/favicon/Favicon.stories.mdx | 22 + .../stories/foundations/fonts/Colors.mdx | 28 - .../foundations/fonts/Colors.stories.js | 62 - .../foundations/fonts/Colors.stories.mdx | 75 + .../stories/foundations/fonts/Fonts.mdx | 59 - .../foundations/fonts/Fonts.stories.js | 82 - .../foundations/fonts/Fonts.stories.mdx | 111 + ...{getStarted.mdx => getStarted.stories.mdx} | 27 +- ...{AddClasses.mdx => AddClasses.stories.mdx} | 12 +- ...tructure.mdx => HtmlStructure.stories.mdx} | 23 +- .../stories/layout/Containers.stories.js | 87 - ...{Containers.mdx => Containers.stories.mdx} | 113 +- .../{General.mdx => General.stories.mdx} | 12 +- app/components/stories/layout/Grids.mdx | 142 - .../stories/layout/Grids.stories.js | 208 - .../stories/layout/Grids.stories.mdx | 243 + app/components/stories/layout/Ratios.mdx | 15 - .../stories/layout/Ratios.stories.js | 34 - .../stories/layout/Ratios.stories.mdx | 38 + .../stories/layout/ResponsiveImages.mdx | 353 - .../layout/ResponsiveImages.stories.mdx | 202 + app/components/stories/layout/Sections.mdx | 32 - .../stories/layout/Sections.stories.js | 112 - .../stories/layout/Sections.stories.mdx | 109 + app/components/stories/layout/Spacings.mdx | 42 - .../stories/layout/Spacings.stories.js | 93 - .../stories/layout/Spacings.stories.mdx | 108 + .../stories/pages/DetailEasyLanguage.mdx | 23 - .../pages/DetailEasyLanguage.stories.js | 23 - .../pages/DetailEasyLanguage.stories.mdx | 59 + app/components/stories/pages/DetailEvent.mdx | 19 - .../stories/pages/DetailEvent.stories.js | 12 - .../stories/pages/DetailEvent.stories.mdx | 40 + .../stories/pages/DetailPressRelease.mdx | 19 - .../pages/DetailPressRelease.stories.js | 8 - .../pages/DetailPressRelease.stories.mdx | 40 + .../pages/DetailPublicationCatalog.mdx | 18 - .../pages/DetailPublicationCatalog.stories.js | 8 - .../DetailPublicationCatalog.stories.mdx | 41 + .../stories/pages/DetailPublicationShop.mdx | 20 - .../pages/DetailPublicationShop.stories.js | 8 - .../pages/DetailPublicationShop.stories.mdx | 39 + .../stories/pages/DetailShoppingCart.mdx | 18 - .../pages/DetailShoppingCart.stories.js | 18 - .../pages/DetailShoppingCart.stories.mdx | 40 + .../stories/pages/DetailSignLanguage.mdx | 24 - .../pages/DetailSignLanguage.stories.js | 24 - .../pages/DetailSingLanguage.stories.mdx | 59 + .../pages/DetailpageAnchorNav.stories.js | 8 - ...av.mdx => DetailpageAnchorNav.stories.mdx} | 67 +- .../stories/pages/DetailpageComplex.mdx | 19 - .../pages/DetailpageComplex.stories.js | 8 - .../pages/DetailpageComplex.stories.mdx | 40 + .../stories/pages/DetailpageSimple.mdx | 33 - .../stories/pages/DetailpageSimple.stories.js | 25 - .../pages/DetailpageSimple.stories.mdx | 73 + app/components/stories/pages/EventsList.mdx | 30 - .../stories/pages/EventsList.stories.js | 50 - .../stories/pages/EventsList.stories.mdx | 76 + app/components/stories/pages/Forms.mdx | 16 - app/components/stories/pages/Forms.stories.js | 8 - .../stories/pages/Forms.stories.mdx | 39 + .../pages/FreebrandPageSimple.stories.js | 13 - ...le.mdx => FreebrandPageSimple.stories.mdx} | 75 +- app/components/stories/pages/Glossary.mdx | 54 - .../stories/pages/Glossary.stories.js | 48 - .../stories/pages/Glossary.stories.mdx | 115 + app/components/stories/pages/Homepage.mdx | 17 - .../stories/pages/Homepage.stories.js | 8 - .../stories/pages/Homepage.stories.mdx | 33 + app/components/stories/pages/Hubpage.mdx | 17 - .../stories/pages/Hubpage.stories.js | 8 - .../stories/pages/Hubpage.stories.mdx | 40 + .../stories/pages/IntranetHomepage.mdx | 20 - .../stories/pages/IntranetHomepage.stories.js | 12 - .../pages/IntranetHomepage.stories.mdx | 35 + .../stories/pages/IntranetPageSimple.mdx | 21 - .../pages/IntranetPageSimple.stories.js | 13 - .../pages/IntranetPageSimple.stories.mdx | 42 + app/components/stories/pages/MailTemplate.mdx | 19 - .../stories/pages/MailTemplate.stories.js | 8 - .../stories/pages/MailTemplate.stories.mdx | 41 + app/components/stories/pages/NewsList.mdx | 29 - .../stories/pages/NewsList.stories.js | 50 - .../stories/pages/NewsList.stories.mdx | 76 + .../stories/pages/OverviewEasyLanguage.mdx | 23 - .../pages/OverviewEasyLanguage.stories.js | 12 - .../pages/OverviewEasyLanguage.stories.mdx | 50 + .../stories/pages/OverviewSignLanguage.mdx | 23 - .../pages/OverviewSignLanguage.stories.js | 26 - .../pages/OverviewSignLanguage.stories.mdx | 58 + .../stories/pages/SearchResultsFilters.mdx | 56 - .../pages/SearchResultsFilters.stories.js | 50 - .../pages/SearchResultsFilters.stories.mdx | 85 + .../stories/pages/Searchresults.mdx | 56 - .../stories/pages/Searchresults.stories.js | 27 - .../stories/pages/Searchresults.stories.mdx | 83 + .../stories/pages/TestHeroTitleOnly.mdx | 11 - .../pages/TestHeroTitleOnly.stories.js | 8 - .../pages/TestHeroTitleOnly.stories.mdx | 34 + app/components/stories/pages/TestSpacings.mdx | 11 - .../stories/pages/TestSpacings.stories.js | 8 - .../stories/pages/TestSpacings.stories.mdx | 34 + .../stories/sections/Breadcrumb.mdx | 22 - .../stories/sections/Breadcrumb.stories.js | 17 - .../stories/sections/Breadcrumb.stories.mdx | 33 + .../stories/sections/ContactSection.mdx | 19 - .../sections/ContactSection.stories.js | 8 - .../sections/ContactSection.stories.mdx | 28 + app/components/stories/sections/DateBox.mdx | 32 - .../stories/sections/DateBox.stories.js | 131 - .../stories/sections/DateBox.stories.mdx | 140 + .../stories/sections/DesktopMenu.mdx | 21 - .../stories/sections/DesktopMenu.stories.js | 14 - .../stories/sections/DesktopMenu.stories.mdx | 40 + .../stories/sections/FooterInformation.mdx | 19 - .../sections/FooterInformation.stories.js | 8 - .../sections/FooterInformation.stories.mdx | 28 + .../stories/sections/FooterNavigation.mdx | 19 - .../sections/FooterNavigation.stories.js | 8 - .../sections/FooterNavigation.stories.mdx | 31 + app/components/stories/sections/Hero.mdx | 61 - .../stories/sections/Hero.stories.js | 131 - .../stories/sections/Hero.stories.mdx | 217 + .../stories/sections/MobileMenu.mdx | 21 - .../stories/sections/MobileMenu.stories.js | 16 - .../stories/sections/MobileMenu.stories.mdx | 41 + .../sections/MoreInfosAccordionSection.mdx | 17 - .../MoreInfosAccordionSection.stories.js | 8 - .../MoreInfosAccordionSection.stories.mdx | 30 + .../stories/sections/PortraitSection.mdx | 18 - .../sections/PortraitSection.stories.js | 8 - .../sections/PortraitSection.stories.mdx | 26 + .../stories/sections/QuoteSection.mdx | 30 - .../stories/sections/QuoteSection.stories.js | 50 - .../stories/sections/QuoteSection.stories.mdx | 73 + .../stories/sections/SocialsSection.mdx | 46 - .../sections/SocialsSection.stories.js | 207 - .../sections/SocialsSection.stories.mdx | 270 + app/components/stories/sections/TopBar.mdx | 21 - .../stories/sections/TopBar.stories.js | 17 - .../stories/sections/TopBar.stories.mdx | 40 + app/components/stories/sections/TopHeader.mdx | 21 - .../stories/sections/TopHeader.stories.js | 8 - .../stories/sections/TopHeader.stories.mdx | 32 + app/eslint.config.mjs | 43 - app/jsconfig.json | 26 + app/layouts/default.vue | 9 + app/nuxt.config.js | 80 + app/nuxt.config.ts | 74 - app/package-lock.json | 52076 ++++++++++++++++ app/package.json | 98 +- app/pages/SearchResultsFilters.vue | 448 +- app/pages/detailEvent.vue | 174 +- app/pages/detailPageAnchorNav.vue | 122 +- app/pages/detailPageComplex.vue | 146 +- app/pages/detailPageShoppingCart.vue | 30 +- app/pages/detailPageSimple.vue | 334 +- app/pages/detailPageSimpleMenuV2.vue | 403 +- app/pages/detailPressRelease.vue | 259 +- app/pages/detailPublicationCatalog.vue | 181 +- app/pages/detailPublicationShop.vue | 249 +- app/pages/detailSimpleLanguage.vue | 42 +- app/pages/eventsList.vue | 363 +- app/pages/formExample.vue | 42 +- app/pages/glossar.vue | 1097 +- app/pages/hubPage.vue | 44 +- app/pages/index.vue | 147 +- app/pages/indexPage.vue | 998 +- app/pages/mailTemplatePreview.vue | 6 +- app/pages/newsList.vue | 365 +- app/pages/overviewEasyLanguage.vue | 44 +- app/pages/overviewSignLanguage.vue | 38 +- app/pages/searchResults.vue | 293 +- app/pages/testHeroTitleOnly.vue | 254 +- app/pages/testSpacings.vue | 1658 +- app/plugins/emit.js | 11 + app/pnpm-lock.yaml | 11702 ---- app/scripts/Accordion.js | 45 +- app/scripts/AnchorNav.js | 28 +- app/scripts/BreadcrumbNav.js | 43 +- app/scripts/MenuMore.js | 81 +- app/scripts/Navy.js | 259 +- app/scripts/Popover.js | 54 +- app/scripts/TableSortable.js | 10 +- app/{public => static}/documents/dummy.pdf | Bin app/{public => static}/favicon.ico | Bin .../favicon_package_bds.zip | Bin .../images/grid-example-1.png | Bin .../images/grid-example-2.png | Bin .../images/grid-example-3.png | Bin .../images/html-structure.png | Bin .../images/logo-flag-mail.png | Bin app/{public => static}/images/logo-mail.png | Bin .../images/publication-cover.png | Bin .../templates/customer-mail-template.html | 0 .../templates/sales-mail-template.html | 0 app/{public => static}/videos/demo.mp4 | Bin app/{public => static}/videos/demo.vtt | 0 app/store/layout.js | 49 +- app/tailwind.config.js | 17 +- app/tsconfig.json | 3 - app/types/Author.ts | 7 - app/types/GlossaryResult.ts | 6 - app/types/GlossaryResultItem.ts | 7 - app/types/OrderBoxOption.ts | 6 - app/types/SearchResultItem.ts | 16 - app/types/SlideshowSlide.ts | 22 - app/types/SocialsFeed.ts | 6 - app/types/index.ts | 7 - app/vite.config.js | 6 - css/components/accordion.postcss | 4 - css/components/modal.postcss | 2 +- css/components/table.postcss | 7 +- css/storybook.postcss | 15 - package-lock.json | 2882 + package.json | 3 +- pnpm-lock.yaml | 1417 - 456 files changed, 73201 insertions(+), 33657 deletions(-) create mode 100644 app/.storybook/BundTheme.js delete mode 100644 app/.storybook/BundTheme.ts create mode 100644 app/.storybook/main.js delete mode 100644 app/.storybook/main.ts create mode 100644 app/.storybook/manager.js delete mode 100644 app/.storybook/manager.ts delete mode 100644 app/.storybook/preview-head.html create mode 100644 app/.storybook/preview.js delete mode 100644 app/.storybook/preview.ts create mode 100644 app/.storybook/store.js create mode 100644 app/components/ch/demo/SvgIconSprite.vue delete mode 100644 app/components/stories/components/Accordion.stories.js rename app/components/stories/components/{Accordion.mdx => Accordion.stories.mdx} (74%) delete mode 100644 app/components/stories/components/AlertBanner.mdx delete mode 100644 app/components/stories/components/AlertBanner.stories.js create mode 100644 app/components/stories/components/AlertBanner.stories.mdx delete mode 100644 app/components/stories/components/Audio.mdx delete mode 100644 app/components/stories/components/Audio.stories.js create mode 100644 app/components/stories/components/Audio.stories.mdx delete mode 100644 app/components/stories/components/Authors.mdx delete mode 100644 app/components/stories/components/Authors.stories.js create mode 100644 app/components/stories/components/Authors.stories.mdx delete mode 100644 app/components/stories/components/BackToTopBtn.mdx delete mode 100644 app/components/stories/components/BackToTopBtn.stories.js create mode 100644 app/components/stories/components/BackToTopBtn.stories.mdx delete mode 100644 app/components/stories/components/Badge.mdx delete mode 100644 app/components/stories/components/Badge.stories.js create mode 100644 app/components/stories/components/Badge.stories.mdx delete mode 100644 app/components/stories/components/Btn.mdx delete mode 100644 app/components/stories/components/Btn.stories.js create mode 100644 app/components/stories/components/Btn.stories.mdx delete mode 100644 app/components/stories/components/Card.mdx delete mode 100644 app/components/stories/components/Card.stories.js create mode 100644 app/components/stories/components/Card.stories.mdx delete mode 100644 app/components/stories/components/CardsOnGrid.mdx delete mode 100644 app/components/stories/components/CardsOnGrid.stories.js create mode 100644 app/components/stories/components/CardsOnGrid.stories.mdx delete mode 100644 app/components/stories/components/CardsVariants.mdx delete mode 100644 app/components/stories/components/CardsVariants.stories.js create mode 100644 app/components/stories/components/CardsVariants.stories.mdx delete mode 100644 app/components/stories/components/Carousel.mdx delete mode 100644 app/components/stories/components/Carousel.stories.js create mode 100644 app/components/stories/components/Carousel.stories.mdx delete mode 100644 app/components/stories/components/Checkbox.mdx delete mode 100644 app/components/stories/components/Checkbox.stories.js create mode 100644 app/components/stories/components/Checkbox.stories.mdx delete mode 100644 app/components/stories/components/DownloadItem.mdx delete mode 100644 app/components/stories/components/DownloadItem.stories.js create mode 100644 app/components/stories/components/DownloadItem.stories.mdx delete mode 100644 app/components/stories/components/Fieldset.mdx delete mode 100644 app/components/stories/components/Fieldset.stories.js create mode 100644 app/components/stories/components/Fieldset.stories.mdx delete mode 100644 app/components/stories/components/Input.mdx delete mode 100644 app/components/stories/components/Input.stories.js create mode 100644 app/components/stories/components/Input.stories.mdx delete mode 100644 app/components/stories/components/Link.stories.js rename app/components/stories/components/{Link.mdx => Link.stories.mdx} (50%) delete mode 100644 app/components/stories/components/Lists.mdx delete mode 100644 app/components/stories/components/Lists.stories.js create mode 100644 app/components/stories/components/Lists.stories.mdx delete mode 100644 app/components/stories/components/Logo.mdx delete mode 100644 app/components/stories/components/MetaInfo.stories.js delete mode 100644 app/components/stories/components/Modal.mdx rename app/components/stories/components/{Modal.stories.js => Modal.stories.mdx} (64%) delete mode 100644 app/components/stories/components/MultiSelect.mdx delete mode 100644 app/components/stories/components/MultiSelect.stories.js create mode 100644 app/components/stories/components/MultiSelect.stories.mdx delete mode 100644 app/components/stories/components/Newsletter.mdx delete mode 100644 app/components/stories/components/Newsletter.stories.js create mode 100644 app/components/stories/components/Newsletter.stories.mdx delete mode 100644 app/components/stories/components/Notification.mdx delete mode 100644 app/components/stories/components/Notification.stories.js create mode 100644 app/components/stories/components/Notification.stories.mdx delete mode 100644 app/components/stories/components/NotificationBanner.mdx delete mode 100644 app/components/stories/components/NotificationBanner.stories.js create mode 100644 app/components/stories/components/NotificationBanner.stories.mdx delete mode 100644 app/components/stories/components/Pagination.mdx delete mode 100644 app/components/stories/components/Pagination.stories.js create mode 100644 app/components/stories/components/Pagination.stories.mdx delete mode 100644 app/components/stories/components/Popover.stories.js rename app/components/stories/components/{Popover.mdx => Popover.stories.mdx} (60%) delete mode 100644 app/components/stories/components/Print.mdx delete mode 100644 app/components/stories/components/Print.stories.js create mode 100644 app/components/stories/components/Print.stories.mdx delete mode 100644 app/components/stories/components/Radio.mdx delete mode 100644 app/components/stories/components/Radio.stories.js create mode 100644 app/components/stories/components/Radio.stories.mdx delete mode 100644 app/components/stories/components/Select.mdx delete mode 100644 app/components/stories/components/Select.stories.js create mode 100644 app/components/stories/components/Select.stories.mdx delete mode 100644 app/components/stories/components/Separator.mdx delete mode 100644 app/components/stories/components/Separator.stories.js create mode 100644 app/components/stories/components/Separator.stories.mdx delete mode 100644 app/components/stories/components/Slideshow.mdx delete mode 100644 app/components/stories/components/Slideshow.stories.js create mode 100644 app/components/stories/components/Slideshow.stories.mdx delete mode 100644 app/components/stories/components/Table.stories.js rename app/components/stories/components/{Table.mdx => Table.stories.mdx} (78%) delete mode 100644 app/components/stories/components/Tabs.mdx delete mode 100644 app/components/stories/components/Tabs.stories.js create mode 100644 app/components/stories/components/Tabs.stories.mdx delete mode 100644 app/components/stories/components/TagItem.mdx delete mode 100644 app/components/stories/components/TagItem.stories.js create mode 100644 app/components/stories/components/TagItem.stories.mdx delete mode 100644 app/components/stories/components/Textarea.mdx delete mode 100644 app/components/stories/components/Textarea.stories.js create mode 100644 app/components/stories/components/Textarea.stories.mdx delete mode 100644 app/components/stories/components/Video.mdx delete mode 100644 app/components/stories/components/Video.stories.js create mode 100644 app/components/stories/components/Video.stories.mdx delete mode 100644 app/components/stories/components/VideoCaptions.mdx delete mode 100644 app/components/stories/components/VideoCaptions.stories.js create mode 100644 app/components/stories/components/VideoCaptions.stories.mdx delete mode 100644 app/components/stories/components/VideoTranscrIpt.mdx delete mode 100644 app/components/stories/components/VideoTranscrIpt.stories.js create mode 100644 app/components/stories/components/VideoTranscrIpt.stories.mdx create mode 100644 app/components/stories/foundations/IconList.stories.js delete mode 100644 app/components/stories/foundations/Icons.mdx delete mode 100644 app/components/stories/foundations/Icons.stories.js create mode 100644 app/components/stories/foundations/Icons.stories.mdx delete mode 100644 app/components/stories/foundations/backgrounds/Backgrounds.mdx delete mode 100644 app/components/stories/foundations/backgrounds/Backgrounds.stories.js create mode 100644 app/components/stories/foundations/backgrounds/Backgrounds.stories.mdx delete mode 100644 app/components/stories/foundations/favicon/Favicon.mdx create mode 100644 app/components/stories/foundations/favicon/Favicon.stories.mdx delete mode 100644 app/components/stories/foundations/fonts/Colors.mdx delete mode 100644 app/components/stories/foundations/fonts/Colors.stories.js create mode 100644 app/components/stories/foundations/fonts/Colors.stories.mdx delete mode 100644 app/components/stories/foundations/fonts/Fonts.mdx delete mode 100644 app/components/stories/foundations/fonts/Fonts.stories.js create mode 100644 app/components/stories/foundations/fonts/Fonts.stories.mdx rename app/components/stories/{getStarted.mdx => getStarted.stories.mdx} (59%) rename app/components/stories/implementation/{AddClasses.mdx => AddClasses.stories.mdx} (82%) rename app/components/stories/implementation/{HtmlStructure.mdx => HtmlStructure.stories.mdx} (88%) delete mode 100644 app/components/stories/layout/Containers.stories.js rename app/components/stories/layout/{Containers.mdx => Containers.stories.mdx} (68%) rename app/components/stories/layout/{General.mdx => General.stories.mdx} (91%) delete mode 100644 app/components/stories/layout/Grids.mdx delete mode 100644 app/components/stories/layout/Grids.stories.js create mode 100644 app/components/stories/layout/Grids.stories.mdx delete mode 100644 app/components/stories/layout/Ratios.mdx delete mode 100644 app/components/stories/layout/Ratios.stories.js create mode 100644 app/components/stories/layout/Ratios.stories.mdx delete mode 100644 app/components/stories/layout/ResponsiveImages.mdx create mode 100644 app/components/stories/layout/ResponsiveImages.stories.mdx delete mode 100644 app/components/stories/layout/Sections.mdx delete mode 100644 app/components/stories/layout/Sections.stories.js create mode 100644 app/components/stories/layout/Sections.stories.mdx delete mode 100644 app/components/stories/layout/Spacings.mdx delete mode 100644 app/components/stories/layout/Spacings.stories.js create mode 100644 app/components/stories/layout/Spacings.stories.mdx delete mode 100644 app/components/stories/pages/DetailEasyLanguage.mdx delete mode 100644 app/components/stories/pages/DetailEasyLanguage.stories.js create mode 100644 app/components/stories/pages/DetailEasyLanguage.stories.mdx delete mode 100644 app/components/stories/pages/DetailEvent.mdx delete mode 100644 app/components/stories/pages/DetailEvent.stories.js create mode 100644 app/components/stories/pages/DetailEvent.stories.mdx delete mode 100644 app/components/stories/pages/DetailPressRelease.mdx delete mode 100644 app/components/stories/pages/DetailPressRelease.stories.js create mode 100644 app/components/stories/pages/DetailPressRelease.stories.mdx delete mode 100644 app/components/stories/pages/DetailPublicationCatalog.mdx delete mode 100644 app/components/stories/pages/DetailPublicationCatalog.stories.js create mode 100644 app/components/stories/pages/DetailPublicationCatalog.stories.mdx delete mode 100644 app/components/stories/pages/DetailPublicationShop.mdx delete mode 100644 app/components/stories/pages/DetailPublicationShop.stories.js create mode 100644 app/components/stories/pages/DetailPublicationShop.stories.mdx delete mode 100644 app/components/stories/pages/DetailShoppingCart.mdx delete mode 100644 app/components/stories/pages/DetailShoppingCart.stories.js create mode 100644 app/components/stories/pages/DetailShoppingCart.stories.mdx delete mode 100644 app/components/stories/pages/DetailSignLanguage.mdx delete mode 100644 app/components/stories/pages/DetailSignLanguage.stories.js create mode 100644 app/components/stories/pages/DetailSingLanguage.stories.mdx delete mode 100644 app/components/stories/pages/DetailpageAnchorNav.stories.js rename app/components/stories/pages/{DetailpageAnchorNav.mdx => DetailpageAnchorNav.stories.mdx} (51%) delete mode 100644 app/components/stories/pages/DetailpageComplex.mdx delete mode 100644 app/components/stories/pages/DetailpageComplex.stories.js create mode 100644 app/components/stories/pages/DetailpageComplex.stories.mdx delete mode 100644 app/components/stories/pages/DetailpageSimple.mdx delete mode 100644 app/components/stories/pages/DetailpageSimple.stories.js create mode 100644 app/components/stories/pages/DetailpageSimple.stories.mdx delete mode 100644 app/components/stories/pages/EventsList.mdx delete mode 100644 app/components/stories/pages/EventsList.stories.js create mode 100644 app/components/stories/pages/EventsList.stories.mdx delete mode 100644 app/components/stories/pages/Forms.mdx delete mode 100644 app/components/stories/pages/Forms.stories.js create mode 100644 app/components/stories/pages/Forms.stories.mdx delete mode 100644 app/components/stories/pages/FreebrandPageSimple.stories.js rename app/components/stories/pages/{FreebrandPageSimple.mdx => FreebrandPageSimple.stories.mdx} (60%) delete mode 100644 app/components/stories/pages/Glossary.mdx delete mode 100644 app/components/stories/pages/Glossary.stories.js create mode 100644 app/components/stories/pages/Glossary.stories.mdx delete mode 100644 app/components/stories/pages/Homepage.mdx delete mode 100644 app/components/stories/pages/Homepage.stories.js create mode 100644 app/components/stories/pages/Homepage.stories.mdx delete mode 100644 app/components/stories/pages/Hubpage.mdx delete mode 100644 app/components/stories/pages/Hubpage.stories.js create mode 100644 app/components/stories/pages/Hubpage.stories.mdx delete mode 100644 app/components/stories/pages/IntranetHomepage.mdx delete mode 100644 app/components/stories/pages/IntranetHomepage.stories.js create mode 100644 app/components/stories/pages/IntranetHomepage.stories.mdx delete mode 100644 app/components/stories/pages/IntranetPageSimple.mdx delete mode 100644 app/components/stories/pages/IntranetPageSimple.stories.js create mode 100644 app/components/stories/pages/IntranetPageSimple.stories.mdx delete mode 100644 app/components/stories/pages/MailTemplate.mdx delete mode 100644 app/components/stories/pages/MailTemplate.stories.js create mode 100644 app/components/stories/pages/MailTemplate.stories.mdx delete mode 100644 app/components/stories/pages/NewsList.mdx delete mode 100644 app/components/stories/pages/NewsList.stories.js create mode 100644 app/components/stories/pages/NewsList.stories.mdx delete mode 100644 app/components/stories/pages/OverviewEasyLanguage.mdx delete mode 100644 app/components/stories/pages/OverviewEasyLanguage.stories.js create mode 100644 app/components/stories/pages/OverviewEasyLanguage.stories.mdx delete mode 100644 app/components/stories/pages/OverviewSignLanguage.mdx delete mode 100644 app/components/stories/pages/OverviewSignLanguage.stories.js create mode 100644 app/components/stories/pages/OverviewSignLanguage.stories.mdx delete mode 100644 app/components/stories/pages/SearchResultsFilters.mdx delete mode 100644 app/components/stories/pages/SearchResultsFilters.stories.js create mode 100644 app/components/stories/pages/SearchResultsFilters.stories.mdx delete mode 100644 app/components/stories/pages/Searchresults.mdx delete mode 100644 app/components/stories/pages/Searchresults.stories.js create mode 100644 app/components/stories/pages/Searchresults.stories.mdx delete mode 100644 app/components/stories/pages/TestHeroTitleOnly.mdx delete mode 100644 app/components/stories/pages/TestHeroTitleOnly.stories.js create mode 100644 app/components/stories/pages/TestHeroTitleOnly.stories.mdx delete mode 100644 app/components/stories/pages/TestSpacings.mdx delete mode 100644 app/components/stories/pages/TestSpacings.stories.js create mode 100644 app/components/stories/pages/TestSpacings.stories.mdx delete mode 100644 app/components/stories/sections/Breadcrumb.mdx delete mode 100644 app/components/stories/sections/Breadcrumb.stories.js create mode 100644 app/components/stories/sections/Breadcrumb.stories.mdx delete mode 100644 app/components/stories/sections/ContactSection.mdx delete mode 100644 app/components/stories/sections/ContactSection.stories.js create mode 100644 app/components/stories/sections/ContactSection.stories.mdx delete mode 100644 app/components/stories/sections/DateBox.mdx delete mode 100644 app/components/stories/sections/DateBox.stories.js create mode 100644 app/components/stories/sections/DateBox.stories.mdx delete mode 100644 app/components/stories/sections/DesktopMenu.mdx delete mode 100644 app/components/stories/sections/DesktopMenu.stories.js create mode 100644 app/components/stories/sections/DesktopMenu.stories.mdx delete mode 100644 app/components/stories/sections/FooterInformation.mdx delete mode 100644 app/components/stories/sections/FooterInformation.stories.js create mode 100644 app/components/stories/sections/FooterInformation.stories.mdx delete mode 100644 app/components/stories/sections/FooterNavigation.mdx delete mode 100644 app/components/stories/sections/FooterNavigation.stories.js create mode 100644 app/components/stories/sections/FooterNavigation.stories.mdx delete mode 100644 app/components/stories/sections/Hero.mdx delete mode 100644 app/components/stories/sections/Hero.stories.js create mode 100644 app/components/stories/sections/Hero.stories.mdx delete mode 100644 app/components/stories/sections/MobileMenu.mdx delete mode 100644 app/components/stories/sections/MobileMenu.stories.js create mode 100644 app/components/stories/sections/MobileMenu.stories.mdx delete mode 100644 app/components/stories/sections/MoreInfosAccordionSection.mdx delete mode 100644 app/components/stories/sections/MoreInfosAccordionSection.stories.js create mode 100644 app/components/stories/sections/MoreInfosAccordionSection.stories.mdx delete mode 100644 app/components/stories/sections/PortraitSection.mdx delete mode 100644 app/components/stories/sections/PortraitSection.stories.js create mode 100644 app/components/stories/sections/PortraitSection.stories.mdx delete mode 100644 app/components/stories/sections/QuoteSection.mdx delete mode 100644 app/components/stories/sections/QuoteSection.stories.js create mode 100644 app/components/stories/sections/QuoteSection.stories.mdx delete mode 100644 app/components/stories/sections/SocialsSection.mdx delete mode 100644 app/components/stories/sections/SocialsSection.stories.js create mode 100644 app/components/stories/sections/SocialsSection.stories.mdx delete mode 100644 app/components/stories/sections/TopBar.mdx delete mode 100644 app/components/stories/sections/TopBar.stories.js create mode 100644 app/components/stories/sections/TopBar.stories.mdx delete mode 100644 app/components/stories/sections/TopHeader.mdx delete mode 100644 app/components/stories/sections/TopHeader.stories.js create mode 100644 app/components/stories/sections/TopHeader.stories.mdx delete mode 100644 app/eslint.config.mjs create mode 100644 app/jsconfig.json create mode 100644 app/layouts/default.vue create mode 100644 app/nuxt.config.js delete mode 100644 app/nuxt.config.ts create mode 100644 app/package-lock.json create mode 100644 app/plugins/emit.js delete mode 100644 app/pnpm-lock.yaml rename app/{public => static}/documents/dummy.pdf (100%) rename app/{public => static}/favicon.ico (100%) rename app/{public => static}/favicon_package_bds.zip (100%) rename app/{public => static}/images/grid-example-1.png (100%) rename app/{public => static}/images/grid-example-2.png (100%) rename app/{public => static}/images/grid-example-3.png (100%) rename app/{public => static}/images/html-structure.png (100%) rename app/{public => static}/images/logo-flag-mail.png (100%) rename app/{public => static}/images/logo-mail.png (100%) rename app/{public => static}/images/publication-cover.png (100%) rename app/{public => static}/templates/customer-mail-template.html (100%) rename app/{public => static}/templates/sales-mail-template.html (100%) rename app/{public => static}/videos/demo.mp4 (100%) rename app/{public => static}/videos/demo.vtt (100%) delete mode 100644 app/tsconfig.json delete mode 100644 app/types/Author.ts delete mode 100644 app/types/GlossaryResult.ts delete mode 100644 app/types/GlossaryResultItem.ts delete mode 100644 app/types/OrderBoxOption.ts delete mode 100644 app/types/SearchResultItem.ts delete mode 100644 app/types/SlideshowSlide.ts delete mode 100644 app/types/SocialsFeed.ts delete mode 100644 app/types/index.ts delete mode 100644 app/vite.config.js create mode 100644 package-lock.json delete mode 100644 pnpm-lock.yaml diff --git a/.gitignore b/.gitignore index 462e8274..012c0d4c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,8 @@ node_modules node_modules/.bin/acorn dist/* +app/storybook-static/* +app/.nuxt-storybook/* .idea/ .DS_Store diff --git a/.nvmrc b/.nvmrc index 016e34ba..5d8bda1d 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v20.17.0 +v16.16.0 \ No newline at end of file diff --git a/README.md b/README.md index b6bb1b0f..37139c62 100644 --- a/README.md +++ b/README.md @@ -17,11 +17,11 @@ Delivering HTML structures, CSS assets and design elements to build frontends fo $ npm install ``` -Adapt your Node version to `^20.17.0`, for example using `nvm`: +Adapt your Node version to `^16.13.2`, for example using `nvm`: ```bash # Choose the right Node version -$ nvm use 20.17 +$ nvm use 16 ``` ## Run Storybook @@ -66,7 +66,7 @@ $ npm run build-css - Edit the `package.json` file and increment the `version` of the package, for example `1.0.0` - Create and publish a new tag with the same version number as the one in the `package.json` file, with a `v` prefix, for example `v1.0.0` -- Create a new release on Github, document your changes, and name it for example `Release 1.0.0` +- Create a new release on Github, document your changes, and name it for example ` Release 1.0.0` ## CSS files diff --git a/app/.gitignore b/app/.gitignore index 5f1050b5..e8f682ba 100644 --- a/app/.gitignore +++ b/app/.gitignore @@ -7,9 +7,6 @@ npm-debug.log* yarn-debug.log* yarn-error.log* -# Storybook build -storybook-static/ - # Runtime data pids *.pid @@ -70,7 +67,6 @@ typings/ # nuxt.js build output .nuxt -.output # Nuxt generate dist diff --git a/app/.storybook/BundTheme.js b/app/.storybook/BundTheme.js new file mode 100644 index 00000000..c8153855 --- /dev/null +++ b/app/.storybook/BundTheme.js @@ -0,0 +1,8 @@ +import { create } from '@storybook/theming'; +import logo from '../assets/logos/BundLogo.svg'; + +export default create({ + base: 'light', + brandTitle: 'My custom storybook', + brandImage: logo, +}); diff --git a/app/.storybook/BundTheme.ts b/app/.storybook/BundTheme.ts deleted file mode 100644 index eb7bacd5..00000000 --- a/app/.storybook/BundTheme.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { create } from '@storybook/theming' -import logo from '../assets/logos/BundLogo.svg?inline' - -export default create({ - base: 'light', - brandTitle: 'My custom storybook', - brandImage: logo, -}) diff --git a/app/.storybook/main.js b/app/.storybook/main.js new file mode 100644 index 00000000..7f8bf1bd --- /dev/null +++ b/app/.storybook/main.js @@ -0,0 +1,21 @@ +const { nuxifyStorybook } = require('../.nuxt-storybook/storybook/main.js') +const path = require('path') + +module.exports = nuxifyStorybook({ + stories: [ + '../components/stories/**/*.stories.mdx', + '../components/stories/**/*.stories.@(js|jsx|ts|tsx)', + ], + addons: [], + + webpackFinal: async (config) => { + // tell webpack to accept vtt files + config.module.rules.push({ + test: /\.vtt$/, + use: ['url-loader'], + }); + + // Return the altered config + return config; + }, +}) diff --git a/app/.storybook/main.ts b/app/.storybook/main.ts deleted file mode 100644 index 51b55121..00000000 --- a/app/.storybook/main.ts +++ /dev/null @@ -1,32 +0,0 @@ -import remarkGfm from 'remark-gfm' -import type { StorybookConfig } from '@storybook/vue3-vite' - -const config: StorybookConfig = { - stories: ['../components/**/*.mdx', '../components/**/*.stories.@(js|ts)'], - addons: [ - { - name: '@storybook/addon-docs', - options: { - mdxPluginOptions: { - mdxCompileOptions: { - remarkPlugins: [remarkGfm], - }, - }, - }, - }, - '@storybook/addon-links', - '@storybook/addon-designs', - '@storybook/addon-essentials', - '@storybook/addon-a11y', - '@whitespace/storybook-addon-html', - ], - framework: { - name: '@storybook/vue3-vite', - options: {}, - }, - staticDirs: [ - { from: '../../dist/', to: '/dist' }, - { from: '../../css/foundations/fonts/', to: '/dist/fonts' }, - ], -} -export default config diff --git a/app/.storybook/manager.js b/app/.storybook/manager.js new file mode 100644 index 00000000..32028421 --- /dev/null +++ b/app/.storybook/manager.js @@ -0,0 +1,6 @@ +import { addons } from '@storybook/addons'; +import bundTheme from './BundTheme'; + +addons.setConfig({ + theme: bundTheme, +}); diff --git a/app/.storybook/manager.ts b/app/.storybook/manager.ts deleted file mode 100644 index ece9be13..00000000 --- a/app/.storybook/manager.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { addons } from '@storybook/manager-api' -import bundTheme from './BundTheme' - -addons.setConfig({ - theme: bundTheme, -}) diff --git a/app/.storybook/preview-head.html b/app/.storybook/preview-head.html deleted file mode 100644 index a8b18f54..00000000 --- a/app/.storybook/preview-head.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/app/.storybook/preview.js b/app/.storybook/preview.js new file mode 100644 index 00000000..5ed2f00d --- /dev/null +++ b/app/.storybook/preview.js @@ -0,0 +1,55 @@ +import './docs-fullscreen.css' + +import { parameters as nuxtParameters } from '~~/.nuxt-storybook/storybook/preview.js' + +export const parameters = { + ...nuxtParameters, + layout: 'fullscreen', + actions: { argTypesRegex: '^on[A-Z].*' }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, + }, + html: { + prettier: { + tabWidth: 2, + useTabs: false, + // htmlWhitespaceSensitivity: 'strict', + }, + }, + viewMode: 'docs', + options: { + storySort: { + order: [ + 'Introduction', + 'Doc for developers', + ['HTML Structure', 'Add CSS classes'], + 'Foundations', + [ + 'Overview', + 'Fonts', + 'Backgrounds', + 'Colors', + 'Icons', + ['List', 'Implementation'], + ], + 'Layouts', + ['General', 'Sections', 'Containers', 'Grids', 'Spacings', 'Ratios'], + 'Components', + ['Logo', 'Button'], + 'Sections', + [ + 'Header', + ['TopBar', 'TopHeader', 'DesktopMenu'], + 'Hero', + 'Content', + 'Footer', + ], + 'Pages', + ['Homepage'], + ], + }, + }, +} diff --git a/app/.storybook/preview.ts b/app/.storybook/preview.ts deleted file mode 100644 index 56e1ae43..00000000 --- a/app/.storybook/preview.ts +++ /dev/null @@ -1,63 +0,0 @@ -import './docs-fullscreen.css' -import { setup } from '@storybook/vue3' -import { createPinia } from 'pinia' - -const pinia = createPinia() - -// Setup Vue for Storybook, while @nuxtjs/storybook doesn't work -setup((app) => { - app.use(pinia) -}) - -export default { - actions: { argTypesRegex: '^on[A-Z].*' }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - html: { - prettier: { - tabWidth: 2, - useTabs: false, - // htmlWhitespaceSensitivity: 'strict', - }, - }, - viewMode: 'docs', - parameters: { - layout: 'fullscreen', - options: { - storySort: { - order: [ - 'Introduction', - 'Doc for developers', - ['HTML Structure', 'Add CSS classes'], - 'Foundations', - [ - 'Overview', - 'Fonts', - 'Backgrounds', - 'Colors', - 'Icons', - ['List', 'Implementation'], - ], - 'Layouts', - ['General', 'Sections', 'Containers', 'Grids', 'Spacings', 'Ratios'], - 'Components', - ['Logo', 'Button'], - 'Sections', - [ - 'Header', - ['TopBar', 'TopHeader', 'DesktopMenu'], - 'Hero', - 'Content', - 'Footer', - ], - 'Pages', - ['Homepage'], - ], - }, - }, - }, -} diff --git a/app/.storybook/store.js b/app/.storybook/store.js new file mode 100644 index 00000000..3b682b87 --- /dev/null +++ b/app/.storybook/store.js @@ -0,0 +1,19 @@ +import Vue from "vue"; +import Vuex from "vuex"; + +Vue.use(Vuex); + +const store = new Vuex.Store({ + + modules: { + layout: { + namespaced: true, + state: require("../store/layout.js").state, + getters: require("../store/layout.js").getters, + actions: require("../store/layout.js").actions, + mutations: require("../store/layout.js").mutations + } + } +}); + +export default store diff --git a/app/README.md b/app/README.md index 489e8f4d..365136a9 100644 --- a/app/README.md +++ b/app/README.md @@ -2,42 +2,31 @@ ```bash # install dependencies -$ pnpm install +$ npm install ``` -## Storybook +# Storybook ```bash # serve Storybook with hot reload -$ pnpm run storybook +$ npm run storybook # build Storybook -$ pnpm run build-storybook +$ npm run build-storybook ``` -## Nuxt application +# Nuxt application ```bash # serve with hot reload -$ pnpm run dev +$ npm run dev # build for production and launch server -$ pnpm run build -$ pnpm run start +$ npm run build +$ npm run start # generate static project -$ pnpm run generate +$ npm run generate ``` For detailed explanation on how Nuxt work, check out [Nuxt.js docs](https://nuxtjs.org). - -## Pre-merge on main - -Before merging a branch into the main branch for a new release, please follow these steps: - -1. Run `pnpm run check` to let prettier check the new code for formatting issues -2. If any issues arise, fix them with `pnpm run check:format:write` -3. Run `pnpm run check:lint` to let eslint check the new code for open bugs or ts problems -4. If any issues arise, fix them automatically with `pnpm run check:lint:fix` or manually (You might also update the eslint config file and add new rules (set to 'off') if you come across something that eslint shouldn't catch). - -In general, the rules currently defined in the eslint config file are carefully selected and should be kept in there. diff --git a/app/components/ch/components/Accordion.vue b/app/components/ch/components/Accordion.vue index 96ecceb2..f535792b 100644 --- a/app/components/ch/components/Accordion.vue +++ b/app/components/ch/components/Accordion.vue @@ -1,29 +1,37 @@ - + diff --git a/app/components/ch/components/AccordionItem.vue b/app/components/ch/components/AccordionItem.vue index f39cf844..44dd9ff5 100644 --- a/app/components/ch/components/AccordionItem.vue +++ b/app/components/ch/components/AccordionItem.vue @@ -1,17 +1,17 @@ - diff --git a/app/components/ch/components/AlertBanner.vue b/app/components/ch/components/AlertBanner.vue index bb6e599a..c143ffbd 100644 --- a/app/components/ch/components/AlertBanner.vue +++ b/app/components/ch/components/AlertBanner.vue @@ -1,12 +1,14 @@ - + diff --git a/app/components/ch/components/AudioPlayer.vue b/app/components/ch/components/AudioPlayer.vue index f76b44ae..27639295 100644 --- a/app/components/ch/components/AudioPlayer.vue +++ b/app/components/ch/components/AudioPlayer.vue @@ -1,40 +1,44 @@ - diff --git a/app/components/ch/components/Authors.vue b/app/components/ch/components/Authors.vue index 3ee9096a..e8a39952 100644 --- a/app/components/ch/components/Authors.vue +++ b/app/components/ch/components/Authors.vue @@ -1,56 +1,90 @@ - diff --git a/app/components/ch/components/BackToTopBtn.vue b/app/components/ch/components/BackToTopBtn.vue index 5ebbdf0c..51692c2d 100644 --- a/app/components/ch/components/BackToTopBtn.vue +++ b/app/components/ch/components/BackToTopBtn.vue @@ -1,45 +1,52 @@ - diff --git a/app/components/ch/components/Badge.vue b/app/components/ch/components/Badge.vue index 2f13b35a..9ece8ceb 100644 --- a/app/components/ch/components/Badge.vue +++ b/app/components/ch/components/Badge.vue @@ -8,86 +8,96 @@ } " > - + {{ label }} - diff --git a/app/components/ch/components/BadgeFilter.vue b/app/components/ch/components/BadgeFilter.vue index 55a64247..af67e69e 100644 --- a/app/components/ch/components/BadgeFilter.vue +++ b/app/components/ch/components/BadgeFilter.vue @@ -1,6 +1,6 @@ - diff --git a/app/components/ch/components/Btn.vue b/app/components/ch/components/Btn.vue index 7461a30b..51d7cbb8 100644 --- a/app/components/ch/components/Btn.vue +++ b/app/components/ch/components/Btn.vue @@ -5,122 +5,124 @@ :type="type" :class="classes" :aria-label="aria" - :disabled="disabled || undefined" @click="eventHandler" + :disabled="disabled" > - + {{ label }} - diff --git a/app/components/ch/components/Burger.vue b/app/components/ch/components/Burger.vue index 5818ab76..efad560e 100644 --- a/app/components/ch/components/Burger.vue +++ b/app/components/ch/components/Burger.vue @@ -1,6 +1,12 @@ - diff --git a/app/components/ch/components/Card.vue b/app/components/ch/components/Card.vue index 3c50f446..28d47016 100644 --- a/app/components/ch/components/Card.vue +++ b/app/components/ch/components/Card.vue @@ -1,84 +1,83 @@ - diff --git a/app/components/ch/components/CarouselBadgeFilter.vue b/app/components/ch/components/CarouselBadgeFilter.vue index a06bfcb3..125c2021 100644 --- a/app/components/ch/components/CarouselBadgeFilter.vue +++ b/app/components/ch/components/CarouselBadgeFilter.vue @@ -1,7 +1,7 @@ - diff --git a/app/components/ch/components/Checkbox.vue b/app/components/ch/components/Checkbox.vue index 545451b0..2b4c1653 100644 --- a/app/components/ch/components/Checkbox.vue +++ b/app/components/ch/components/Checkbox.vue @@ -1,21 +1,19 @@ - diff --git a/app/components/ch/components/Contact.vue b/app/components/ch/components/Contact.vue index 9fd0a564..c85a423b 100644 --- a/app/components/ch/components/Contact.vue +++ b/app/components/ch/components/Contact.vue @@ -1,10 +1,10 @@ - diff --git a/app/components/ch/components/DownloadItem.vue b/app/components/ch/components/DownloadItem.vue index cc007559..6f63e901 100644 --- a/app/components/ch/components/DownloadItem.vue +++ b/app/components/ch/components/DownloadItem.vue @@ -1,5 +1,5 @@ - diff --git a/app/components/ch/components/EasyLanguage.vue b/app/components/ch/components/EasyLanguage.vue index fdb104a5..6361ddee 100644 --- a/app/components/ch/components/EasyLanguage.vue +++ b/app/components/ch/components/EasyLanguage.vue @@ -3,7 +3,7 @@