chore: release 1.0.0-rc.7

[github-actions]

Vue Storefront for Magento 1.0.0.rc.7 highlights

Refactoring of composables

In this version, the integration packages @vue-storefront/magento has been marked as deprecated. All things from this package including composables, getters, and helpers have been moved to @vue-storefront/magento-theme

All composables have been refactored and moved to the theme.

• SharedRefs are not used anymore.
  • from now we use the Pinia store for global state management
  • instead of sharing context between each composables we use the useContext hook from Nuxt Composition API
  • factories have been removed, and from now each composable is a function without dependencies on the @vue-storefront/core package

Getters have been moved to the theme package and marked as deprecated.

In the next releases, getters will be removed.

Helpers have been moved to the theme package

The onSSR hook is not used anymore

From now, each operation that should be performed on the server-side must be called inside on the useFetch and the useAsync functions that are part of Nuxt Composition API.

The i18n plugin is not used anymore

The i18n plugin from @vue-storefront/core is not used anymore. Configuring i18n is the responsibility of the theme package from now.

Modularization

We started the process of split whole app into modules. The first module is the category module that contains components and logic responsible for catalog category pages. In next releases we will continue refactorization and add modules for other parts of app like product, checkout, account, wishlist and so on.

New features

• Breadcrumbs on Category pages feat(catalog): breadcrumbs #819
• Loading skeletonshttps://github.com/feat(theme): add basic skeleton loader component #681
• Styles for default Magento Static Blocks that appear on Category Landing Pages: feat(theme): add our own styles for the default Magento Luma theme CMS blocks #685
• Added possibility to navigate to nested categories in the mobile side menu feat(theme): support navigating to nested categories in mobile side menu #709
• Added information about selected filters in the filters sidebar refactor(filters): add information about selected filters in filters sidebar #830
• Display category title below breadcrumbs feat: show category title below breadcrumbs #892
• Added mega menu on desktop view feat: header categories #903

Performance improvements

• From now, user data is loaded only on pages where it’s necessary like checkout and my account pages. In other cases, user data is not loading and thanks to that the performance on mobile is better because we decreased the time of JS long tasks. perf!: load whole user object only when necessary #859
• We added the storeConfig plugin and changed the approach to getting config from Magento. refactor!: store config query #862
  • before we loaded the whole Magento config on page load, and we did that in layout so it was not possible to change the use different layout than the default
  • after this change, we load only a few necessary fields by the Nuxt plugin.
  • Thanks to that it’s possible to use other layouts like default. Moreover, this has an impact on performance because the storeConfig Magento query is not cached on the Magento side, so when we decreased the amount of data, the time of response should be faster.
• Once we updated the Storefront UI to the newest version, we were able to add support for the NuxtImage for images in the Gallery on ta Product Page feat: add more support for cloudinary images #850

Bugfix

• color swatches are visible on the product page on a mobile device so from now it’s possible to add a configurable product to the cart on mobile devices. fix: color swatch hidden on mobile product page #926
• Wishlist and cart transition works correctly from now when a user opens the wishlist sidebar or cart sidebar fix: wishlist sidebar #918
• Once the message about the not authorized user is displayed, the cookie with a message will be removed to avoid displaying the message endlessly. fix(notification): remove notification cookie once the message is displayed #775
• From now, it’s possible to add more than one product to the cart from the Category page in list mode fix(theme): category quantity input value omitted when adding product to cart #680
• The “your bag is empty” phrase is centered correctly from now fix(theme): wishlist sidebar "sad green box" image is not centered vertically (when wishlist empty) #679
• updated the useUser composable to assign error values for an email update action fix(myaccount): fix error handling for customer data and email update action #777
• removed redundant form handling requests to avoid duplicated/multiplicated requests fix(myaccount): fix error handling for customer data and email update action #777
• fixed 404-page issues and my-account redirects for non-logged users fix: fixed 404 page issues and my-account redirects for non-logged users #722
• fixed price caching issue on category page fix(category): move products loading to onMount hook to avoid caching prices #793
• fallow one digit house numbers fix: allow one digit house numbers #824
• The billing address is no longer cleared while returning to the billing step on checkout fix(theme): billing address is cleared while returning to billing step on checkout #783
• removed placeholder for a sorting mechanism in the category navbar fix(theme): remove placeholder for a sorting mechanism in the category navbar #782
• fixed wrong direction of the draggable icon on the product page (mobile) fix: product wrong swipe icon direction #927
• Click on a product tab click to scroll to tab content from now fix: product tab click should scroll to tab content #931
• Prevented content jump when an option or variant is selected fix: prevent content jump when variant is selected on PDP #933

Refactors

• Removed categoryGetters call from AppHeader.vue refactor!: remove category getters call from app header #853
• Removed storeConfigGetters and storeGetters from StoreSwitcher and StoresModal
• Removed categoryGetters from SearchBar.vue
• Removed category results from the Search results components refactor!: search results #867
• Created the category module and refactored the category three components
• refactored Category page’s filters on desktop view refactor(filters): rework filers on desktop view #815
• refactored store switcher refactor!: refactored i18n plugins #794
• refactored cookie retrieval refactor: unify cookie retrieval #797
• removed links from order's product refactor!: removed links from order's product #778
• Moved filters to sidebar on desktop view refactor: move filters to sidebar on desktop view #884
• Created Grid/list components on Category page refactor!: components for product list/grid #910
• Refactored project config & env variables ci!: simplify env config #813
• refactored useUiState refactor(theme): refactor useUiState #595
• changed homepage slider to the hero section feat: homepage - changed slider to hero section #928
• changed products carousel on the home page to non-carousel section feat: home page - changed products carousel to products section #914
• added skeleton loaders in category nabvar feat: add skeleton loaders in category navbar #936

Chore

• Updated StorefrontUI to 0.13.0 refactor(theme): updated StorefrontUI to 0.13.0 #781
• Updated @vue-storefront packages to 2.5.6 chore: update @vue-storefront packages to 2.5.6 #740
• fixed .lintstagedrc {.vue} warning chore: fix .lintstagedrc {.vue} warning #779
• lint-staged should run only once chore: lint-staged should run only once #789
• auto-assign team members to pull requests chore: auto-assign team members to pull requests #759
• removed commitizen prepare-commit-msg git hook fix: remove commitizen prepare-commit-msg git hook #780
• Merged the three .lintstagedrc regexes into one chore: run eslint only 1 time instead of 3 times #787

Documentation

• documentation about composables has been fully rewrited
• added documentation for API Client methods