Introduction

src/@core directory in our template is core of our template. All styles, components, composables, etc reside in this dir. As this is the heart of our template, most template updates will require updating this directory.

Components

Components provided by template core will get auto imported when you use them thanks to unplugin-vue-components.

Composables

We have developed a set of composables that simplifies the development process. You can find all the composables at: src/@core/composable/. Please refer this page for detailed description of composables.

All the composables will get auto imported when you use them thanks to unplugin-auto-import

Scss

In this directory we have defined the styles for our template.

Stores

In config.ts file, we have defined a store useConfigStore which helps us to modify configs.

Utils

In this directory, we have defined various utilities in formatters.ts, validators.ts, helpers.ts files. As the code in this files are self explanatory, you can explore this files for more details.

Validators

Another common thing you might use from @core is validators for form validation.

Validators are placed in src/@core/utils/validators.ts file. All validators are auto imported when you use them thanks to unplugin-auto-import.

Later on, just pass these validators to rules prop.