Vuejs-AdminStarter kit:

From Full package if you would like to use any plugin, then you can make use of Starter Kit

Let's assume you want to copy a feature from full package "google maps" into starter kit, which depends on "vue2-google-maps" plugin,

so please follow below steps.

adding to package.json

copy below line (version may vary) from full package's package.json into ours.

"vue2-google-maps:0.7.9"

Run the below command to get the dependencies from package.json

yarn or npm install

Component

Then we need to copy google maps vue file from full package which is located at src/components/gmaps.vue

copy that file into same folder path in ours.

Route.js:

The routes for the Template are declared in the fileroutes.js. this file is called in themain.jsfile, in the vue instance declaration.

{
path: '/gmaps',component: resolve => require(['./components/gmaps.vue'], resolve)

                                      or

component: resolve => require(['./components/gmaps.vue'], resolve)
}

Note :

Path should be according to your file placement like above

Folder_name is your folder name

         meta: {
        title: "Google Maps",  
                  }

Note: We already have an example in src /route.js file and there is a one index file in components

Menu.js:

Here you need to set file name and path

eg:
    {
    name: 'Google maps', >     appearing name in left menu 

    link: '/gmaps', >        file name 

    icon: 'fa fa-map-marker', >  If you want to add icon then you can add here.
},

results matching ""

    No results matching ""