A Vue3 Starter Project With Vite And Tailwind CSS

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