Merge pull request #1509 from DivanteLtd/feature/cms-module-package-config

Better name and config for CMS extension package

Author: pkarw

src/extensions/index.js

@@ -4,10 +4,10 @@
 export default [
   require('@vue-storefront/extension-droppoint-shipping/index.js'),
   require('@vue-storefront/extension-google-analytics/index.js'),
+  require('@vue-storefront/extension-magento2-cms/index.js'),
   require('@vue-storefront/extension-mailchimp-subscribe/index.js'),
   require('@vue-storefront/extension-payment-backend-methods/index.js'),
   require('@vue-storefront/extension-payment-cash-on-delivery/index.js'),
   require('@vue-storefront/extension-template/index.js'),
-  require('vsf-payment-stripe/index.js'),
-  require('src/extensions/cms/index.js')
+  require('vsf-payment-stripe/index.js')
 ]

src/extensions/cms/README.md renamed to src/extensions/magento2-cms/README.md

@@ -7,7 +7,7 @@ To display Cms data:
 ## Cms Block
 To display Cms Block import CmsData component and use it in template:
 
-`import CmsData from 'src/extensions/cms/components/CmsData'`
+`import CmsData from '@vue-storefront/extension-magento2-cms/components/CmsData'`
 
 we have to options to get Cms Block data:
 1. by Magento `identifier`:
@@ -27,7 +27,7 @@ To display Cms Page:
 1. Cms page content like a block
 * in custom theme create new page with custom route
 * import CmsData component and use it in template:
-`import CmsData from 'src/extensions/cms/components/CmsData'`
+`import CmsData from '@vue-storefront/extension-magento2-cms/components/CmsData'`
 
 call Cms Page like a Block using either Magento `identifier`:
 `<cms-data :identifier="'about-us'" :type="'Page'" />`
@@ -41,7 +41,7 @@ Like Cms Block, the Cms Page by `identifier` handles different Store Views, Cms
 2. Cms page content as a page component:
 - in custom theme `themes/<theme-name>/router/index.js` import `CmsData` component, add custom route and define props: `{identifier: :pageIdentifier, type: 'Page', sync: true}`, example:
 ```
-import CmsData from 'src/extensions/cms/components/CmsData'
+import CmsData from '@vue-storefront/extension-magento2-cms/components/CmsData'
 
 const routes = [
   // ... theme routes

src/extensions/cms/components/CmsData.vue renamed to src/extensions/magento2-cms/components/CmsData.vue

@@ -1,12 +1,17 @@
 {
-  "name": "cms",
+  "name": "@vue-storefront/extension-magento2-cms",
   "version": "0.0.0",
   "description": "Extension Magento 2 Cms Data for Vue Storefront",
   "license": "MIT",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "dependencies": {
+    "@vue-storefront/store": "^1.1.0",
+    "config": "^1.30.0",
+    "isomorphic-fetch": "^2.2.1"
+  },
   "publishConfig": {
     "access": "public"
   }

src/extensions/cms/index.js renamed to src/extensions/magento2-cms/index.js

@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import CmsData from 'src/extensions/cms/components/CmsData'
+import CmsData from '@vue-storefront/extension-magento2-cms/components/CmsData'
 
 export default {
   components: {