* Instruction for Diamond -> Vite 2, and Vite 2 -> Diamond

Post Reply
sldev
Posts: 3
Joined: 03 Apr 2021, 15:36

04 May 2021, 00:57

I have been playing around with vitesse, which is an opinionated elaboration of a vite/vue3 environment. The newest diamond templates are said to support vite*, but It's not obvious to me how to integrate the two. The documentation ( https://www.primefaces.org/diamond-vue/#/documentation ) refers to vue-cli, which doesn't work with vite, at present. Also, the product description says, "Diamond is powered by Vue CLI". If Diamond is powered by Vue CLI, and Vue CLI and vite are not compatible, how can it also support vite?

Is there documentation for incorporating Diamond into a vite 2/ vue 3 setup? What about the opposite direction, viz., adding vite 2 to the newer diamond templates, that supports vue 3?

* as per: tugce.kucukoglu 09 Feb 2021, 09:44, who wrote: "PrimeVue 3.2.0 supports Vite and in a couple weeks all PrimeVue templates will be updated PrimeVue 3.2.0"

tugce.kucukoglu
Posts: 70
Joined: 23 Oct 2020, 09:28

04 May 2021, 14:51

A project generated by Vue CLI and a Vite project nearly have same folder structure (public/index.html is an exception). The instructions in the Integration with an Existing CLI Project section in the documentation is still same.
npm install primevue primeicons
Add styles in main.js
import 'primevue/resources/primevue.min.css';
import 'primeicons/primeicons.css';
import './App.scss';
  • Copy the public/assets folder to your projects folder with the same name
  • Copy all src/App*.vue files to the src folder of your application.

sldev
Posts: 3
Joined: 03 Apr 2021, 15:36

05 May 2021, 02:49

Thanks so much. Will give this a shot.

sldev
Posts: 3
Joined: 03 Apr 2021, 15:36

05 May 2021, 03:50

running: npm install primevue primeicons

resulted in the installation of primevue 2.4.1. I imagine this is by design. As per Apr 16 announcement, primevue is now up to version 3.4.0.

Is 2.4.1 the default to accommodate vue2? And should I simply run npm i primevue@latest primeicons@latest for my vue3/typescript/vitesse project?

tugce.kucukoglu
Posts: 70
Joined: 23 Oct 2020, 09:28

05 May 2021, 07:54

For Vue 2, PrimeVue 2.4.1 and for Vue 3 PrimeVue 3.4.0 is latest version.

Yes, Vue 3 just run npm i primevue@latest primeicons@latest

Post Reply

Return to “Diamond - PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest