Nuxt 3 + PrimeVue Starter

Related tags

Scaffold nuxt starter-template starter vite primevue pinia nuxt3 unocss vitest
Overview

Nuxt 3 + PrimeVue Starter

Build your VUE.js App with Nuxt3 (RC1). First Class PrimeVUE support.

CI

THX to antfu / Vitesse Nuxt3 for starter code

Features

  • Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
  • Vite - Instant HMR
  • UnoCSS - The instant on-demand atomic CSS engine.
  • Use icons from any icon sets in Pure CSS, powered by UnoCSS
  • State Management via Pinia
  • PrimeVue 3.12.x
  • Logging

Plugins

Nuxt Modules

  • VueUse - collection of useful composition APIs.
  • ColorMode - dark and Light mode with auto detection made easy with Nuxt.
  • UnoCSS - the instant on-demand atomic CSS engine.
  • Pinia - intuitive, type safe, light and flexible Store for Vue.

Variations

vite-primevue-starter

Vite Primevue Starter Template

Github Repository

App on Netlify

  • Pages, Layouts, and other NUXT like features by VITE Plugins
  • UnoCSS
  • Markdown
  • CachedPiniaStore
  • i18n
  • Validation
  • ...

vite-primevue-starter-lite

Github Repository

App on Netlify

Like vite-primevue-starter, but only with basic NUXT like functions

Project setup and usage

Install node:

Latest node LTS version required (16) Use node manager like nvm to install.

Install pnpm: https://pnpm.io/installation

Install dependencies:

pnpm install

Run development server:

pnpm dev

Vitest test runner:

pnpm test:unit

Build:

pnpm build

Start Production build:

pnpm start

Tools

I use IntelliJ with VUE.js and Prettier plugin.

Supporters

JetBrains is supporting this open source project with:

Intellij IDEA

Comments
  • chore(deps-dev): bump @antfu/eslint-config from 0.31.1 to 0.33.1

    chore(deps-dev): bump @antfu/eslint-config from 0.31.1 to 0.33.1

    Bumps @antfu/eslint-config from 0.31.1 to 0.33.1.

    Release notes

    Sourced from @​antfu/eslint-config's releases.

    v0.33.1

       🐞 Bug Fixes

        View changes on GitHub

    v0.33.0

       🐞 Bug Fixes

    • Type aware linting when trigged by tsconfig.eslint.json  -  by @​antfu (1c426)
        View changes on GitHub

    v0.32.0

       🚀 Features

        View changes on GitHub
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump @unocss/nuxt from 0.46.5 to 0.47.4

    chore(deps-dev): bump @unocss/nuxt from 0.46.5 to 0.47.4

    Bumps @unocss/nuxt from 0.46.5 to 0.47.4.

    Release notes

    Sourced from @​unocss/nuxt's releases.

    v0.47.4

       🚀 Features

       🐞 Bug Fixes

        View changes on GitHub

    v0.47.3

       🐞 Bug Fixes

        View changes on GitHub

    v0.47.2

       🐞 Bug Fixes

        View changes on GitHub

    v0.47.1

    No significant changes

        View changes on GitHub

    v0.47.0

       🚀 Features

       🐞 Bug Fixes

        View changes on GitHub
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Uncaught (in promise) Error: PrimeVue is not installed!

    Uncaught (in promise) Error: PrimeVue is not installed!

    Hi, I installed the latest 1.1.5 Got this message Uncaught (in promise) Error: PrimeVue is not installed!

    tried to install with : pnpm add primevue but still got this message.

    Can someone help solve this issue please?

    opened by robotpapier 2
  • chore(deps-dev): bump @unocss/nuxt from 0.35.4 to 0.37.2

    chore(deps-dev): bump @unocss/nuxt from 0.35.4 to 0.37.2

    Bumps @unocss/nuxt from 0.35.4 to 0.37.2.

    Release notes

    Sourced from @​unocss/nuxt's releases.

    v0.37.2

    Bug Fixes

    Features

    v0.37.1

    Bug Fixes

    Features

    • preset-wind: update table's border-spacing rules (#1037) (d01b8c2)

    v0.37.0

    Bug Fixes

    • preset-mini,preset-wind: rework more rules with base properties (#1033) (6f695f6)

    Features

    • preset-rem-to-px: new preset (c5d0794)
    • runtime: add tagify to the full build (#1034) (7c9054c)

    v0.36.0

    Bug Fixes

    • preset-wind: rework base of transform, filter, backdrop-filter (#1028) (94672d7)

    Features

    • directives: support theme() in css vars, close #1026 (e50ea54)
    • preset-mini: add css [@layer](https://github.com/layer) support (#1024) (dce832c)
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • chore(deps-dev): Bump @antfu/eslint-config from 0.21.1 to 0.22.0

    chore(deps-dev): Bump @antfu/eslint-config from 0.21.1 to 0.22.0

    Bumps @antfu/eslint-config from 0.21.1 to 0.22.0.

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 2
  • Please create ~/components/content and restart the Nuxt server to use components in Markdown

    Please create ~/components/content and restart the Nuxt server to use components in Markdown

    man this is so awesome! I just want to say thank you. It's just works together out of the box. Maybe one little think: My console says the follow error, when I try to start it:

    Please create ~/components/content and restart the Nuxt server to use components in Markdown

    opened by Kingside88 1
  • persist theme when naivating

    persist theme when naivating

    Hi, Thank you very much for a greath starter kit. Please accept a fix to make the selected theme persist during navigation. moved primevue link to Default layout and made it dynamic to be dependent on theme store.

    opened by klukiyan 1
  • unocss bg classes not rendering

    unocss bg classes not rendering

    Hi, Thank you for an amazing template. For some reason I can't make the bg class to work correctly.

    For example if sombgcolor = bg-green-300

    <Tag class="mr-2" value="Primary" :class="somebgcolor"></Tag>

    First of all for some reason it renders the computed class twice and then doesn't color the element. If I hardcode it - it sometimes works, sometimes doesn't. However with dynamic value it's always rendered twice in the dom and doesn't have any effect.

    opened by klukiyan 0
Owner
Tom
Tom
GitHub https://nuxt3-primevue-starter.netlify.app
Nuxt3-awesome-starter - A Nuxt 3 starter template or boilerplate with a lot of useful features. Nuxt3 + Tailwindcss 3

Nuxt 3 Awesome Starter a Nuxt 3 starter template or boilerplate with a lot of us

Alfian Dwi Nugraha 663 Jan 2, 2023
Vue-typescript-starter-project - Vue3, Vuex, Vue-router starter project using typescript

Vue Typescript Starter Project Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production

paalan 0 Jan 1, 2022
Elucidator blog starter - a starter blog built with Vuejs 3, Vite, and Typescript

Elucidator blog starter Blog starter build with Vue 3 + Vite + Typescript

Elucidator Project 30 Nov 8, 2022
A practical starter template for Nuxt, which has Tailwind, FontAwesome, and Google fonts already built-in. Also, some common components are ready for use.

Nuxt Template Nuxt + Tailwind + FontAwesome + Google Fonts This project includes a complete ready-to-go template of Nuxt, including Tailwind CSS, Font

Marc Backes 17 Jan 4, 2022
Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.

Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.

Ivo Dolenc 42 Dec 11, 2022
🌰 Element Plus with Nuxt 3 Minimal Starter

Element Plus with Nuxt 3 Minimal Starter ?? WIP We recommend to look at the Nuxt3 Docs and Element Plus Docs. Setup Make sure to install the dependenc

Element Plus 118 Dec 31, 2022
Nuxt 3 starter template with all folders and hint

Nuxt 3 starter template with all folders and hint We recommend to look at the documentation. If you already have Node.js installed, check with node --

null 7 Apr 26, 2022
Nuxt 3 Minimal Starter

Nuxt 3 Minimal Starter

David Royer 2 Mar 15, 2022
Nuxt3 (Nuxt 3) best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite

Nuxt 3 Starter We recommend to look at the documentation. Preview Deploy your own This starter template also includes: Tailwind CSS v3.0.0-alpha ⚠ Hea

Mehmet 386 Dec 28, 2022
This is a Nuxt 3 Starter Kit with Vite, Vue 3, TypeScript, SCSS and TailwindCSS!

Nuxt 3 Starter Kit This is a Nuxt 3 Starter Kit with Vite, Vue 3, TypeScript, SCSS and TailwindCSS! We recommend to look at the documentation. Setup M

Ricardo 17 Nov 19, 2022
Nuxt 3 Minimal Starter with VueUse and WindiCSS

Nuxt 3 Minimal Starter with VueUse and WindiCSS Documents Nuxt 3 VueUse Windi CSS Setup Make sure to install the dependencies yarn install Development

TANAKA Kohji 9 Oct 1, 2022
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss

Top Nuxt 3 Starter Template Fastest and most comfortable development experience started template With ?? from @ctwhome, inspired by @antfu vitesse Fea

J. Gonzalez 95 Dec 28, 2022
NuxtShop - A highly-customizable, open-source starter kit for building headless Shopify stores with Nuxt 3

NuxtShop is a highly-customizable, open-source starter kit for building headless Shopify stores with Nuxt 3. It comes out of the box with a great developer experience and in-built performance practices as a foundation for a production-quality eCommerce site.

null 25 Nov 29, 2022
Nuxt Starter Kit - an opinionated boilerplate based off of Nuxt3

Nuxt.js 3 + Supabase starter for Typescript lovers Nuxt Starter Kit is an opinionated boilerplate based off of Nuxt3(beta), with all the bells and whi

Elia 4 May 21, 2022
Medusa Nuxt.js Starter

Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.

Carlos 17 Dec 15, 2022
🌬 Opiniated Nuxt 3 Starter — visual deployment indicator & more

?? Opiniated Nuxt 3 Starter — visual deployment indicator & more

Johann Schopplich 7 Dec 7, 2022
Nuxt 3 Layouts Explained - Starter Project

Nuxt 3 Layouts Explained - Starter Project

null 4 Jan 1, 2023
A simple portfolio starter theme built with Nuxt.js and TailwindCSS

Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the

Nangialai Stoman 43 Jan 3, 2023
Nuxt 3 Minimal Starter

Look at the nuxt 3 documentation to learn more.

Cody Bontecou 30 Jan 6, 2023