drafted article display, added materio_decoupled module

web/themes/custom/materiotheme/vuejs/route/index.js

@@ -4,6 +4,7 @@ import VueRouter from 'vue-router'
 import Home from 'vuejs/components/Content/Home'
 import Base from 'vuejs/components/Content/Base'
 import Blabla from 'vuejs/components/Content/Blabla'
+import Article from 'vuejs/components/Content/Article'
 
 Vue.use(VueRouter)
 
@@ -11,8 +12,8 @@ Vue.use(VueRouter)
 
 // We could use aliases to never reload the page on language changement
 // BUT beforeupdate is not triggered when push alias instead of path or name
-const languages = ['en', 'fr'];
-console.log('path aliases', (() => languages.map(l => `/${l}/base`))() );
+// const languages = ['en', 'fr'];
+// console.log('path aliases', (() => languages.map(l => `/${l}/base`))() );
 
 let basePath = drupalSettings.path.baseUrl + drupalSettings.path.pathPrefix;
 
@@ -37,16 +38,28 @@ const routes = [
     //   'base': Base
     // }
   },
+  // {
+  //   name:'blabla',
+  //   path: `${basePath}blabla`,
+  //   component: Blabla,
+  //   children: [
+  //     {
+  //       path: `${basePath}blabla/:alias`,
+  //       component: Article
+  //     }
+  //   ]
+  // }
   {
     name:'blabla',
     path: `${basePath}blabla`,
-    // path: `/base`,
-    // alias: (() => languages.map(l => `/${l}/base`))(),
-    component: Blabla,
-    // components: {
-    //   'base': Base
-    // }
+    component: Blabla
   },
+  {
+    name:'article',
+    path: `${basePath}blabla/:alias`,
+    component: Article,
+    // meta: { uuid:null }
+  }
   // {
   //   path: '*',
   //   name: 'notfound',