# Adding new page

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

Let us assume to use a particular plugin like google maps, then you should add plugin name and version in package.json file. For instance,

Copy this code from full package`"vue2-google-maps:0.7.9"`paste it in package.json file of starter kit .

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

`yarn install`

Import as VueGoogleMaps from full package into Starter kit

## **Then you need to follow below steps.** <a href="#then-you-need-to-follow-below-steps" id="then-you-need-to-follow-below-steps"></a>

**Route.js:**

The routes for the Template are declared in the file`routes.js`. this file is called in the`main.js`file, in the vue instance declaration.

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

                                      or

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

**Note :**

Path should be according to your file placement like above

Folder\_name is your folder name

```yaml
         meta: {
        title: "Gmpas",  
                  }
```

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

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

    link: '/vuegooglemaps', 
>
        file name 

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

Now, you can see google maps plugin. In the same way you can make any changes as required


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lorvent.gitbook.io/vuejs-admin/starter-kit/adding-new-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.