Pages & Layouts

Pages Directory

The pages directory is where you can easily add new pages to your application.

Adding a new page

To add a new page, create a new Vue file in the pages directory.

Create your page. Your page should have a URL friendly name.

pages/my-new-page.vue

Your page will be available with this route:

http://localhost:3000/my-new-page

Want to go deeper? Click the link for the full documentation.

Pages Documentation

Layouts Directory

The layouts directory is where you can add different application layouts.

default.vue

This default application layout. It is used across all pages unless a layout is explcitly provided.

error.vue

The layout used to generate the 404.html page.

Using a custom layout

You can apply any of the available layouts to your page by using the "layout" property.

export default {
  layout: 'full-hd',
}