Preparation

The demo will show the creation of a simple repository based on NuxtJS, which will be transformed into a Micro Service architecture using VueMS.

Create clean NuxtJS project

To build a demo we use the ready CLI NuxtJS library to build applications.

Using create-nuxt-app

  npx create-nuxt-app vuems-demo

Launch project

Preview

Project start up structure

Install required libraries

If we already have a working application, we can start installing VueMS.

VueMS

  npm install @ergonode/vuems

Load module and set first configuration.

  export default {
    buildModules: [
      ...
      '@ergonode/vuems'
    ],
    vuems: {
      logLoadedModules: true,
    },
  }

Router

We need to install @nuxtjs/router to make VueMS work properly.

  npm install --save-dev @nuxtjs/router

Load module.

  export default {
    buildModules: [
      ...
      '@nuxtjs/router',
    ],
  }

Create router.js file.

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export function createRouter() {
  return new Router({
    mode: 'history',
    base: '/',
    routes: [],
    fallback: false,
  })
}