Javascript Vue

A Vue3 Starter Project With Vite And Tailwind CSS1 min read

vue-3-stackter

A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences.

A Vue3 starter project setup with

Vite
vue-meta-3.0.0-alpha.8
Router
Vuex
Eslint
Prettier
Tailwind CSS
and some custom preferences.

Run this project:

yarn
yarn dev

Change site name

In App.vue change the following,

const siteName = ‘Vite App’ // add your site name here

Layouts

You can add layouts in your project if you want. You will find a default.vue layout example in this project.

Pages

You can add pages to your project. You will find two example pages in the pages directory (Home.vue and About.vue). Do not forget to register the pages in the router. You will also find a router/index.js file to register your pages.

Meta info

You can add meta information in your pages. Here is an example,

<script setup>
import { useMeta } from ‘vue-meta’

useMeta({
title: ‘Homepage’,
})

</script>

GitHub

https://github.com/shamscorner/vue-3-stackter

React Admin Templates and Themes

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest