chore: release 1.0.0-rc.9

.all-contributorsrc

@@ -177,7 +177,14 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/5359825?v=4",
       "profile": "https://github.com/sethidden",
       "contributions": [
-        "code"
+        "code",
+        "question",
+        "ideas",
+        "infra",
+        "maintenance",
+        "review",
+        "test",
+        "tool"
       ]
     },
     {
@@ -206,6 +213,33 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "AlexanderDevitsky",
+      "name": "Alexander Devitsky",
+      "avatar_url": "https://avatars.githubusercontent.com/u/14941520?v=4",
+      "profile": "https://github.com/AlexanderDevitsky",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "Diegoalbag",
+      "name": "Diego Alba",
+      "avatar_url": "https://avatars.githubusercontent.com/u/72459310?v=4",
+      "profile": "https://github.com/Diegoalbag",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "aelmizeb",
+      "name": "Abdellatif EL MIZEB",
+      "avatar_url": "https://avatars.githubusercontent.com/u/19288561?v=4",
+      "profile": "https://github.com/aelmizeb",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 5

.eslintrc.js

@@ -35,7 +35,7 @@ module.exports = {
     "jest/expect-expect": [
       "error",
       {
-        "assertFunctionNames": ["expect", "getByRole", "getByTestId"],
+        "assertFunctionNames": ["expect", "getByRole", "getByTestId", "getByText"],
       }
     ],
     "no-plusplus": "off",

.github/workflows/deploy-vue-storefront-cloud.yml

@@ -34,10 +34,10 @@ jobs:
           NPM_PASS: ${{ secrets.CLOUD_PASSWORD }}
           NPM_REGISTRY: https://registrynpm.storefrontcloud.io
 
-          VSF_STORE_URL: '' # TODO
+          VSF_STORE_URL: ''
 
-          VSF_MAGENTO_BASE_URL: https://magento2demo.frodigo.com/
-          VSF_MAGENTO_GRAPHQL_URL: https://magento2demo.frodigo.com/graphql
+          VSF_MAGENTO_BASE_URL: https://magento2-instance.vuestorefront.io/
+          VSF_MAGENTO_GRAPHQL_URL: https://magento2-instance.vuestorefront.io/graphql
           VSF_MAGENTO_EXTERNAL_CHECKOUT_ENABLED: false
           VSF_MAGENTO_EXTERNAL_CHECKOUT_URL: ''
           VSF_MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH: ''

README.md

@@ -18,7 +18,7 @@ This project is a Magento 2 integration for Vue Storefront 2.
 <hr />
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-15-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-22-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 ## How to start if you want to try out the integration
@@ -110,6 +110,7 @@ If you have any questions about this integration we will be happy to answer them
 ## Contributors ✨
 
 ### Honorable Mentions
+- [Caravel x](https://www.caravelx.com/)
 - [Cyberfuze](https://cyberfuze.com/)
 - [Leonex](https://www.leonex.de/)
 
@@ -128,18 +129,29 @@ Thanks go to these wonderful people 🙌:
   </tr>
   <tr>
     <td align="center"><a href="https://github.com/patrickmonteiro"><img src="https://avatars.githubusercontent.com/u/13258255?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Patrick Monteiro</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=patrickmonteiro" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/KevinGorjan"><img src="https://avatars.githubusercontent.com/u/789614?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Kevin Gorjan</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=kevingorjan" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/bartoszherba"><img src="https://avatars.githubusercontent.com/u/16045377?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Bartosz Herba</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=bartoszherba" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Frodigo"><img src="https://avatars.githubusercontent.com/u/11998249?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Marcin Kwiatkowski</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=Frodigo" title="Code">💻</a> <a href="#projectManagement-Frodigo" title="Project Management">📆</a></td>
+    <td align="center"><a href="https://github.com/KevinGorjan"><img src="https://avatars.githubusercontent.com/u/789614?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Kevin Gorjan</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=kevingorjan" title="Code">💻</a> <a href="https://github.com/vuestorefront/magento2/commits?author=kevingorjan" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/bartoszherba"><img src="https://avatars.githubusercontent.com/u/16045377?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Bartosz Herba</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=bartoszherba" title="Code">💻</a> <a href="https://github.com/vuestorefront/magento2/commits?author=bartoszherba" title="Documentation">📖</a> <a href="#maintenance-bartoszherba" title="Maintenance">🚧</a> <a href="#mentoring-bartoszherba" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Abartoszherba" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/Frodigo"><img src="https://avatars.githubusercontent.com/u/11998249?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Marcin Kwiatkowski</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=Frodigo" title="Code">💻</a> <a href="#projectManagement-Frodigo" title="Project Management">📆</a> <a href="#business-Frodigo" title="Business development">💼</a> <a href="https://github.com/vuestorefront/magento2/commits?author=Frodigo" title="Documentation">📖</a> <a href="#ideas-Frodigo" title="Ideas, Planning, & Feedback">🤔</a> <a href="#maintenance-Frodigo" title="Maintenance">🚧</a> <a href="#mentoring-Frodigo" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3AFrodigo" title="Reviewed Pull Requests">👀</a></td>
     <td align="center"><a href="https://github.com/filrak"><img src="https://avatars.githubusercontent.com/u/15185752?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Filip Rakowski</b></sub></a><br /><a href="#question-filrak" title="Answering Questions">💬</a> <a href="#mentoring-filrak" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Afilrak" title="Reviewed Pull Requests">👀</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/filipsobol"><img src="https://avatars.githubusercontent.com/u/4145208?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Filip Sobol</b></sub></a><br /><a href="#question-filipsobol" title="Answering Questions">💬</a> <a href="#mentoring-filipsobol" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Afilipsobol" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/filipsobol"><img src="https://avatars.githubusercontent.com/u/4145208?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Filip Sobol</b></sub></a><br /><a href="#question-filipsobol" title="Answering Questions">💬</a> <a href="#mentoring-filipsobol" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Afilipsobol" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/vuestorefront/magento2/commits?author=filipsobol" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/andrzejewsky"><img src="https://avatars.githubusercontent.com/u/7943292?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Patryk Andrzejewski</b></sub></a><br /><a href="#question-andrzejewsky" title="Answering Questions">💬</a> <a href="#mentoring-andrzejewsky" title="Mentoring">🧑‍🏫</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Aandrzejewsky" title="Reviewed Pull Requests">👀</a></td>
     <td align="center"><a href="https://github.com/renanoliveira0"><img src="https://avatars.githubusercontent.com/u/1081576?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Renan Oliveira</b></sub></a><br /><a href="#tool-renanoliveira0" title="Tools">🔧</a> <a href="#plugin-renanoliveira0" title="Plugin/utility libraries">🔌</a></td>
     <td align="center"><a href="https://github.com/domideimel"><img src="https://avatars.githubusercontent.com/u/32941053?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Dominik Deimel</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=domideimel" title="Code">💻</a> <a href="https://github.com/vuestorefront/magento2/commits?author=domideimel" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/LiorLindvor"><img src="https://avatars.githubusercontent.com/u/6757942?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Lior Lindvor</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=LiorLindvor" title="Code">💻</a></td>
   </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/sethidden"><img src="https://avatars.githubusercontent.com/u/5359825?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Artur Tagisow</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=sethidden" title="Code">💻</a> <a href="#question-sethidden" title="Answering Questions">💬</a> <a href="#ideas-sethidden" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-sethidden" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#maintenance-sethidden" title="Maintenance">🚧</a> <a href="https://github.com/vuestorefront/magento2/pulls?q=is%3Apr+reviewed-by%3Asethidden" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/vuestorefront/magento2/commits?author=sethidden" title="Tests">⚠️</a> <a href="#tool-sethidden" title="Tools">🔧</a></td>
+    <td align="center"><a href="https://github.com/jonathanribas"><img src="https://avatars.githubusercontent.com/u/3003782?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Jonathan Ribas</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=jonathanribas" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Aliaaaam"><img src="https://avatars.githubusercontent.com/u/88658555?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Ali Ghanei</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=Aliaaaam" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/mayashavin"><img src="https://avatars.githubusercontent.com/u/6650139?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Maya Shavin</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=mayashavin" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/AlexanderDevitsky"><img src="https://avatars.githubusercontent.com/u/14941520?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Alexander Devitsky</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=AlexanderDevitsky" title="Code">💻</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/Diegoalbag"><img src="https://avatars.githubusercontent.com/u/72459310?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Diego Alba</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=Diegoalbag" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/aelmizeb"><img src="https://avatars.githubusercontent.com/u/19288561?v=4?s=80" width="80px;" alt=""/><br /><sub><b>Abdellatif EL MIZEB</b></sub></a><br /><a href="https://github.com/vuestorefront/magento2/commits?author=aelmizeb" title="Code">💻</a></td>
+  </tr>
 </table>
 
 <!-- markdownlint-restore -->

docs/.vuepress/config.js

@@ -6,7 +6,6 @@ module.exports = {
   description: 'Documentation for the Magento connector for Vue Storefront 2',
   head: [
     ['link', { rel: 'icon', href: '/favicon.png' }],
-
     // Google Tag Manager
     ['script', {}, [`
       (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
@@ -16,24 +15,39 @@ module.exports = {
       })(window,document,'script','dataLayer','${GTM_TAG}');
     `]],
   ],
-  configureWebpack: (config) => {
-    config.module.rules = config.module.rules.map((rule) => ({
-      ...rule,
-      use:
-        rule.use &&
-        rule.use.map((useRule) => ({
-          ...useRule,
-          options:
-            useRule.loader === 'url-loader'
-              ? /**
-            Hack for loading images properly.
-            ref: https://github.com/vuejs/vue-loader/issues/1612#issuecomment-559366730
-           */
-                { ...useRule.options, esModule: false }
-              : useRule.options,
-        })),
-    }));
+
+  /**
+   * Ref：https://v1.vuepress.vuejs.org/config/#configurewebpack
+   */
+   configureWebpack: (config) => {
+    // Add support for webp images
+    config.module.rules.push({
+      test: /\.(webp)(\?.*)?$/,
+      use: [
+        {
+          loader: 'url-loader',
+          options: {
+            limit: 10000,
+            name: 'assets/img/[name].[hash:8].[ext]'
+         }
+        }
+      ]
+    });
+
+    // Fix image loading. Ref: https://github.com/vuejs/vue-loader/issues/1612#issuecomment-559366730
+    config.module.rules = config.module.rules.map((rule) => {
+      rule.use = rule.use && rule.use.map((useRule) => {
+        if (useRule.loader === 'url-loader') {
+          useRule.options.esModule = false;
+        }
+
+        return useRule;
+      });
+
+      return rule;
+    });
   },
+
   /**
    * Ref：https://v1.vuepress.vuejs.org/plugin/
    */
@@ -80,14 +94,39 @@ module.exports = {
         title: 'Getting started',
         collapsable: false,
         children: [
+          ['/getting-started/installation', 'Installation'],
           ['/getting-started/configure-magento', 'Configuring Magento'],
           ['/getting-started/configure-integration', 'Configuring Vue Storefront'],
         ],
       },
+      {
+        title: 'Composition',
+        collapsable: false,
+        children: [
+          ['/composition/composables', 'Composables'],
+          ['/composition/list-of-composables', 'List of composables'],
+        ],
+      },
+      {
+        title: 'Modules',
+        collapsable: false,
+        sidebarDepth: 2,
+        children: [
+          {
+            title: 'Catalog',
+            collapsable: true,
+            children: [
+              ['/modules/catalog/filters', 'Filters'],
+              ['/modules/catalog/product-types', 'Product Types'],
+            ],
+          },
+        ],
+      },
       {
         title: 'Guides',
         collapsable: false,
         children: [
+          ['/guide/global-state-management', 'Global state management'],
           ['/guide/image-optimization', 'Image optimization'],
           ['/guide/override-queries', 'Override queries'],
           ['/guide/testing', 'Testing'],
@@ -102,52 +141,12 @@ module.exports = {
           ['/guide/ssr', 'Server Side Rendering Cache'],
         ],
       },
-      {
-        title: 'Composables',
-        children: [
-          ['/api-reference/magento-theme.useaddresses', 'useAddresses()'],
-          ['/api-reference/magento-theme.useapi', 'useApi()'],
-          ['/api-reference/magento-theme.usebilling', 'useBilling()'],
-          ['/api-reference/magento-theme.usecart', 'useCart()'],
-          ['/api-reference/magento-theme.usecategory', 'useCategory()'],
-          ['/api-reference/magento-theme.usecategorysearch', 'useCategorySearch()'],
-          ['/api-reference/magento-theme.useconfig', 'useConfig()'],
-          ['/api-reference/magento-theme.usecontent', 'useContent()'],
-          ['/api-reference/magento-theme.usecountrysearch', 'useCountrySearch()'],
-          ['/api-reference/magento-theme.usecurrency', 'useCurrency()'],
-          ['/api-reference/magento-theme.useexternalcheckout', 'useExternalCheckout()'],
-          ['/api-reference/magento-theme.usefacet', 'useFacet()'],
-          ['/api-reference/magento-theme.useforgotpassword', 'useForgotPassword()'],
-          ['/api-reference/magento-theme.usegetshippingmethods', 'useGetShippingMethods()'],
-          ['/api-reference/magento-theme.useguestuser', 'useGuestUser()'],
-          ['/api-reference/magento-theme.useimage', 'useImage()'],
-          ['/api-reference/magento-theme.usemagentoconfiguration', 'useMagentoConfiguration()'],
-          ['/api-reference/magento-theme.usemakeorder', 'useMakeOrder()'],
-          ['/api-reference/magento-theme.usenewsletter', 'useNewsletter()'],
-          ['/api-reference/magento-theme.usepaymentprovider', 'usePaymentProvider()'],
-          ['/api-reference/magento-theme.useproduct', 'useProduct()'],
-          ['/api-reference/magento-theme.userelatedproducts', 'useRelatedProducts()'],
-          ['/api-reference/magento-theme.usereview', 'useReview()'],
-          ['/api-reference/magento-theme.useshipping', 'useShipping()'],
-          ['/api-reference/magento-theme.useshippingprovider', 'useShippingProvider()'],
-          ['/api-reference/magento-theme.usestore', 'useStore()'],
-          ['/api-reference/magento-theme.useuihelpers', 'useUiHelpers()'],
-          ['/api-reference/magento-theme.useuinotification', 'useUiNotification()'],
-          ['/api-reference/magento-theme.useuistate', 'useUiState()'],
-          ['/api-reference/magento-theme.useupsellproducts', 'useUpsellProducts()'],
-          ['/api-reference/magento-theme.useurlresolver', 'useUrlResolver()'],
-          ['/api-reference/magento-theme.useuser', 'useUser()'],
-          ['/api-reference/magento-theme.useuseraddress', 'useUserAddress()'],
-          ['/api-reference/magento-theme.useuserorder', 'useUserOrder()'],
-          ['/api-reference/magento-theme.usewishlist', 'useWishlist()'],
-        ],
-      },
       {
         title: 'Reference',
         children: [
           ['/plugins/', 'Plugins'],
           ['/api-reference/', 'API Reference'],
-          ['/migration-guides/', 'Migration guides'],
+          ['/migration-guides/', 'Migration Guides'],
         ],
       },
       {