https://github.com/dragonsea0927/vuejs3-sass-lucide-starter-kit

A Starter Kit for a new project with Vue.js 3 + Vue Router + @unjs/Unhead for SEO, SASS and Lucide Icons. ESlint and Prettier are also configured. In this template, we have a multitude of features that will help you to start your project quickly and easily.
https://github.com/dragonsea0927/vuejs3-sass-lucide-starter-kit

icons lucide-icons sass scss seo template vue

Last synced: 2 months ago
JSON representation

A Starter Kit for a new project with Vue.js 3 + Vue Router + @unjs/Unhead for SEO, SASS and Lucide Icons. ESlint and Prettier are also configured. In this template, we have a multitude of features that will help you to start your project quickly and easily.

• Host: GitHub
• URL: https://github.com/dragonsea0927/vuejs3-sass-lucide-starter-kit
• Owner: dragonsea0927
• Created: 2024-08-08T10:20:07.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-08T10:20:30.000Z (about 1 year ago)
• Last Synced: 2025-03-26T15:54:36.330Z (7 months ago)
• Topics: icons, lucide-icons, sass, scss, seo, template, vue
• Language: SCSS
• Homepage: https://thomasbnt.dev
• Size: 278 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/funding.yml

Awesome Lists containing this project

README

          
[![Made with VueJS](https://img.shields.io/badge/-Made%20with%20Vue.js-4fc08d?&logo=vuedotjs&logoColor=white)](https://vuejs.org/)

[![Depfu](https://badges.depfu.com/badges/ac2694151fe2ff604e6e8c683ce9e96b/overview.svg)](https://depfu.com/github/thomasbnt/vuejs3-sass-lucide-starter-kit?project_id=37224)

[![Discord](https://img.shields.io/discord/367753345575944221?color=%237289DA&label=Discord%20server&logo=discord&logoColor=white)](https://thomasbnt.dev/discord)

[![Twitter Follow](https://img.shields.io/badge/Follow%20me%20on-Twitter-1DA1F2?&logo=Twitter)](https://twitter.com/Thomasbnt_)



 Vue.js 3 + SASS + Lucide Icons Starter Kit


## ✨ Features

A template to start a new project with [Vue.js 3](https://vuejs.org/) + [**Vue Router**](https://router.vuejs.org/) + [**@unjs/unhead**](https://unhead.harlanzw.com) for SEO, [SASS](https://sass-lang.com) and [Lucide Icons](https://lucide.dev/). ESlint and Prettier are also configured.

> **Note**

>

> This project is and will always be up-to-date in terms of dependencies.

In this template, we have a multitude of features that will help you to start your project quickly and easily.

|                                 |                                                                      Links                                                                       |  

|:--------------------------------|-----------------------------:|

| ✅ `Vue.js`                      |                                             [🔧](https://vuejs.org/api/) - [🏠](https://vuejs.org/)                                              |

| ✅ `Vue Router`                  |                                       [🔧](https://router.vuejs.org/api/) - [🏠](https://router.vuejs.org)                                       |

| ✅ `@unjs/unhead`                |                            [🔧](https://unhead.harlanzw.com/guide/composables/use-head) - [🏠](https://unhead.harlanzw.com)                            |

| ✅ `SASS`                        |                                     [🔧](https://sass-lang.com/documentation) - [🏠](https://sass-lang.com)                                      |

| ✅ `Lucide Icons`                |                                     [🔧](https://lucide.dev/docs/lucide-vue-next) - [🏠](https://lucide.dev)                                     |

| ———————————————————             |             ———————————————— |

| ✅ `ESLint`                      |                                [🔧](https://eslint.org/docs/user-guide/gtting-started) - [🏠](https://eslint.org)                                |

| ✅ `ESLint plugin vue`           |                                   [🔧](https://eslint.vuejs.org/user-guide/) - [🏠](https://eslint.vuejs.org/)                                   |

| ✅ `Prettier`                    |                                    [🔧](https://prettier.io/docs/en/index.html) - [🏠](https://prettier.io/)                                     |

| ✅ `@vue/eslint-config-prettier` |          [🔧](https://github.com/vuejs/eslint-config-prettier#readme) - [🏠](https://www.npmjs.com/package/@vue/eslint-config-prettier)          |

| ✅ `Vite`                        |                                           [🔧](https://vitejs.dev/config/) - [🏠](https://vitejs.dev/)                                           |

| ✅ `@vitejs/plugin-vue`          | [🔧](https://github.com/vitejs/vite-plugin-vue/blob/main/packages/plugin-vue/README.md) - [🏠](https://www.npmjs.com/package/@vitejs/plugin-vue) |

## ⭐ Sponsors

Sponsors are people who support the development of this project. If you want to support me, you can do it by clicking on the button below.

[![GitHub Sponsors](https://img.shields.io/badge/Sponsor%20me%20on%20GitHub%20-%23EA54AE.svg?&logo=github-sponsors&logoColor=white)](https://github.com/sponsors/thomasbnt)

[![Sponsors](https://cdn.jsdelivr.net/gh/thomasbnt/sponsors/sponsors.svg)](https://github.com/sponsors/thomasbnt)

Thanks to them, I can continue to develop this project and others. 🤩

## 🚀 How to develop this project

### Project setup

```bash

yarn install

```

### Compiles and hot-reloads for development

```bash

yarn serve

```

### Compiles and minifies for production

```bash

yarn build

```

### Lints and fixes files

```bash

yarn lint:fix && yarn format:fix

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).