Hello, I bought the diamond recently, and I have a doubt, in the guide you ask to copy everything that is in SRC to the folder of the same name within the project, but my project does not have this folder, it may be because I am using NUXT.
Where would I have to transfer this to?
Diamond with NUXT
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 4
- Joined: 16 Dec 2020, 02:25
I talked about it on discord with some people on the team, and I think it would be interesting to have an installation tutorial for NUXT, as it is one of the biggest VUE frameworks.
Or a way to achieve a simpler installation.
Or a way to achieve a simpler installation.
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Hi,
Firstly you need to create a new Nuxt project.
After that
and import them into the option in
Then create your first plugin into the plugins folder which is similar to as in the Vue project and import it from the .
Copy all files to the folder of your Nuxt project and import as a component to file in the option.
Copy all files to the folder in Nuxt applicaiton and then build them
Unfortunately, Nuxt does not support Vue 3 related to this issue https://github.com/nuxt/nuxt.js/issues/5708. So as soon as possible we will make ready our Nuxt integration tutorial. Until then you can ask your questions on PrimeLand channel or forum.
Best Regards,
Firstly you need to create a new Nuxt project.
Code: Select all
npm init nuxt-app <project-name>
Code: Select all
npm i primevue@2.2.3 primeicons --save
Code: Select all
css
Code: Select all
nuxt.config.js
Code: Select all
primevue.js
Code: Select all
main.js
Code: Select all
nuxt.config.js
Copy all
Code: Select all
src/App*.vue
Code: Select all
components
Code: Select all
App.vue
Code: Select all
default.vue
Code: Select all
layouts
Copy all
Code: Select all
public/assets
Code: Select all
assets
Code: Select all
sass --watch assets/:assets/
Best Regards,
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
plugins/primevue.js
overwritten nuxt.config.js
Code: Select all
import Vue from 'vue';
import Button from 'primevue/button';
Vue.component('Button', Button);
Code: Select all
export default {
// Global page headers
head: {
title: 'diamond',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
// Global CSS
css: [
{ src: 'primevue/resources/primevue.min.css'},
{ src: 'primeicons/primeicons.css'},
{ src: 'primevue/resources/themes/saga-blue/theme.css'},
],
// Plugins to run before rendering page
plugins: [
{src: '@/plugins/primevue.js', mode: 'client'}
],
}
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest