sayburgh-solutions / vite-tailwind-graphql

A Vue project using Vite as the build tool, tailwind for styling and graphql as the query language for API.

Sayburgh Template for Vite-Tailwind-Graphql Projects

A Vue project using Vite as the build tool, tailwind for styling and graphql as the query language for API.

Packages Installed

• Vue: "^3.2.47",

• Vue Router: "^4.1.6",

• Vuex: "^4.0.2"

• Eslint: "^8.41.0",

• Postcss: "^8.4.23",

• Tailwindcss": "^3.3.2",

• Apollo Client: "^3.7.7",

• Apollo and GraphQL for Vue.js (Options API): "^4.0.0-beta.2",

• Graphql: "^16.6.0",

• Graphql-tag: "^2.12.6"

What's Included

• npm run dev: Run the project.

• npm run build: Production build with HTML/CSS/JS minification.

• npm run lint: Lint JavaScript and *.vue files with ESLint.

• npm run lint-fix: Fixes the small changeable lint warnings and errors.

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).