Getting Started

Vista is a Nuxt 3 module which provides components, layouts, styles, and many more. With this guide, it will help you set up a brand new Nuxt 3 powered website to use Vista.

To begin, you want to create a new Nuxt 3 project. If you already have one created then you can skip this step.

npx nuxi init nuxt-app

cd nuxt-app

With your Nuxt 3 project opened either in a terminal or IDE, you may now install Vista and the required peer dependencies.

npm install @midstallsoftware/vista @nuxtjs/color-mode @intlify/nuxt3 @nuxtjs/tailwindcss

Once npm has installed Vista and its peer dependencies, you will need to edit your nuxt configuration

                          
export default defineNuxtConfig({
    modules: ['@midstallsoftware/vista']
})
                          
                      

Congratulations, you have now set up Vista for Nuxt 3.