Merge pull request #52 from ojvribeiro/feat-dynamic-route

feat(core): dynamic routes

.vulmix/main.js

@@ -81,6 +81,31 @@ pageComponents
     })
   })
 
+/**
+ * Dynamic Pages
+ */
+const dynamicPageComponents = require.context('@pages/', true, /\[(.*)\]\.(vue|js)$/i)
+dynamicPageComponents
+  .keys()
+  .map(key => {
+    let slugName = key
+      .split('.')[1]
+      .replace(/([A-Z])/g, '-$1')
+      .replace(/(^-)/g, '')
+      .toLowerCase()
+
+    if (slugName.match(/\/index$/)) {
+      slugName = slugName.replace('/index', '/')
+    } else {
+      slugName = slugName.replace(/\/\[(.*)\]/, '/:$1')
+    }
+
+    routes.push({
+      path: slugName === '/index' ? '/' : `/${slugName}`,
+      component: dynamicPageComponents(key).default,
+    })
+  })
+
 routes.push({
   path: '/:pathMatch(.*)*',
   component: require('@/pages/404.vue').default,

package.json

@@ -17,10 +17,10 @@
     "@vue/compiler-sfc": "^3.2.37",
     "@vueuse/core": "^9.2.0",
     "@vueuse/head": "^0.7.12",
+    "@vueuse/router": "^9.3.0",
     "autoprefixer": "^10.4.8",
     "browser-sync": "^2.27.10",
     "browser-sync-webpack-plugin": "^2.3.0",
-    "imagemin-jpegtran": "^7.0.0",
     "laravel-mix": "^6.0.49",
     "laravel-mix-ejs": "^2.0.0",
     "laravel-mix-replace-in-file": "^0.1.0",