Layouts

LaunchStack comes with 5 different layouts:

• Admin

• App

• Blog

• Auth

• Website

All Layouts it's under the /resources/js/Layouts folder.

How to use these layouts in the vue component or page

<script setup>
import AuthLayout from "@/Layouts/Auth/Master.vue";
</script>

<template>
    <AuthLayout>
        // your content here
    </AuthLayout>
</template>

How to add more templates for your application

Let's suppose you want to create a help center for your project, you can create the layout on /resources/js/Layout/Help/Master.vue

Then you can use:

<script setup>
import HelpLayout from "@/Layouts/Help/Master.vue";
</script>

<template>
    <HelpLayout>
        // your content here
    </HelpLayout>
</template>