I'm relatively new to PrimeVue. I use nuxt with the following packages:
packages.json
Code: Select all
"dependencies": {
"@nuxt/content": "^1.15.1",
"@vue/devtools-api": "^6.0.0-beta.21.1",
"core-js": "^3.19.3",
"nuxt": "^2.15.8",
"vue": "^2.6.14",
"vue-server-renderer": "^2.6.14",
"vue-template-compiler": "^2.6.14",
"papaparse": "^5.3.1",
"webpack": "^4.46.0",
"primeicons": "5.0.0",
"primevue": "2.8.0",
"primeflex": "^3.1.2"
},
Code: Select all
css: [
"primevue/resources/primevue.min.css",
"primeicons/primeicons.css",
"primeflex/primeflex.css",
"@/assets/variables.css",
],
primevue: {
theme: 'arya-blue',
dark: false,
ripple: true,
components: ['InputSwitch','FileUpload', 'Menu', 'Avatar', 'Card', 'InputText', 'Button', 'Chip', 'Column', 'DataTable', 'Menubar', 'Dialog'],
},
As an example
Code: Select all
mr-2
Code: Select all
p-mr-2
I'm not able to get any of the flex stuff to work properly. For example the below code is not showing the expected inline justification between.
Code: Select all
<div class="p-d-flex p-jc-between">
<div>Item 1</div>
<div>Item 2</div>
</div>
Thanks
Martin