primefaces / sakai-vue Goto Github PK

Feature Request:

I would really like to have a solid phone number input that follows the style. I have attempted to include a few but the stylesheets tend to collide with each other and it ends up not working out.

After
npm run dev
and
npm run build
with no errors
but when I run
npm run preview
I see nothing.

• Error Screenshot:
  

• Code to Fix:
  https://github.com/primefaces/sakai-vue/blob/6bf5c27e45e7044f9b981f7d29185dad9c32c019/src/layout/AppLayout.vue#L52C1-L57C3

const isOutsideClicked = (event) => {
    const sidebarEl = document.querySelector('.layout-sidebar');
    const topbarEl = document.querySelector('.layout-menu-button');

    return !(sidebarEl.isSameNode(event.target) || sidebarEl.contains(event.target) || topbarEl.isSameNode(event.target) || topbarEl.contains(event.target));
};

Every time I access the Login page, "[Vue warn]: Invalid prop" appears in the console, the warning occurs on the toggle button dark mode within the FloatingConfigurator.vue component.

Expects a string with the icon value, but is receiving an object

Error:

Currently:

<Button :icon="{ 'pi pi-moon': isDarkTheme, 'pi pi-sun': !isDarkTheme }"  />

My sugestion:

<Button :icon="isDarkTheme ? 'pi pi-moon' : 'pi pi-sun'"  />

its just a simple question cause i recon theres no dropdown in the topbar menu is it true ?

Hello,

Can't ask for any better starter.

Layout breaks at PrimeVue 4 as there are unrecognized components anymore.

Will there be future updates for this Templates?

Thank you so much.

i am looking at version 4.0.0, looks great but I would like to point out a problem.

when I try to go to some pages via the menu on the left, the page becomes unresponsive for a moment, but this does not always happen. and then, when I try a second time it usually goes that page. even stranger, sometimes after page unresponsiveness, the screen refreshes itself. seems to be a problem with installing dependencies on demand on vite

Hi ,
very good starter !
Layout breaks on primevue 3.48.1 , will it be supported soon ?
Thank you

Hello,

I'm using the news SAKAI theme

I would like to change a different default color to replace the emerald

I changed my layou.js file as shown but when I reload the page, all the elements return to the default emerald color.

const layoutConfig = reactive({ preset: 'Aura', primary: 'purple', surface: null, darkTheme: false, menuMode: 'static' });

Can someone help me, please?

Thanks

Marco

I just cloned the repo and trying to run npm install and it gives me this:

/usr/share/nodejs/npm/lib/cli.js:48
    throw err
    ^

Error: ENOENT: no such file or directory, uv_cwd
    at process.wrappedCwd [as cwd] (node:internal/bootstrap/switches/does_own_process_state:126:28)
    at Object.<anonymous> (/usr/share/nodejs/depd/index.js:23:24)
    at Module._compile (node:internal/modules/cjs/loader:1218:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
    at Module.load (node:internal/modules/cjs/loader:1081:32)
    at Module._load (node:internal/modules/cjs/loader:922:12)
    at Module.require (node:internal/modules/cjs/loader:1105:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object.<anonymous> (/usr/share/nodejs/npm/node_modules/agentkeepalive/lib/agent.js:6:19)
    at Module._compile (node:internal/modules/cjs/loader:1218:14) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'uv_cwd'
}

Node.js v18.13.0

https://sakai.primevue.org/uikit/table

Hi!
when the menu has an active sub item it does not stay open on reload. Could you help me with this.
thanks!

Straight forward to my question, I want to setup darkmode is on by default. I already made it in V3 but in V4, the code changed a lot. Could developers help me? Thank you.

Is it possible to update the sakai vue template to the latest primevue version. Primevue version 3.35 implements css layers for primevue styling and this breaks some components like input number because the sakai styles are in a different layer

first of all; thank you for this great job.

after the update you have made, I am pulling the master branch, but I encounter some problems in the layout. for better understanding, I will try to attach a screenshot.

Hello,

@primevue/core/api missing somehow,
because of that FilterMatchMode, FilterOperator etc cannot be imported
below some error examples..

[plugin:vite:import-analysis] Failed to resolve import "@primevue/core/api" from "src/views/uikit/TableDoc.vue". Does the file exist?
....../sakai-vue-master/src/views/uikit/TableDoc.vue:4:50
17 | import { CustomerService } from '@/service/CustomerService';
18 | import { ProductService } from '@/service/ProductService';
19 | import { FilterMatchMode, FilterOperator } from '@primevue/core/api';
| ^
20 | import { onBeforeMount, reactive, ref } from 'vue';

[plugin:vite:import-analysis] Failed to resolve import "@primevue/core/api" from "src/views/pages/Crud.vue". Does the file ...../sakai-vue-master/src/views/pages/Crud.vue:3:34
14 | import __unplugin_components_0 from 'primevue/button';
15 | import { ProductService } from '@/service/ProductService';
16 | import { FilterMatchMode } from '@primevue/core/api';
| ^
17 | import { useToast } from 'primevue/usetoast';
18 | import { onMounted, ref } from 'vue';

Hi, I cannot see license information at readme. What is the actual license of commercial use or modifying this theme?

I'm adding the template to an existing project and everything works fine. However, when I add the Crud page I get the error Uncaught (in promise) Error: No PrimeVue Toast provided!.

I tried to move the Not Found page and that worked. Kindly assist.

Suggestion only. Thanks

PrimeVue 4.0 is incompatible with TailwindCSS, causing the size of components like Button and Select to change. Input and MultiSelect components become very tall, which does not match the examples provided for PrimeVue 4.0 components.

The Input and MultiSelect components on the PrimeVue showcase page are affected by the incompatibility with TailwindCSS, leading to size changes that do not align with the examples provided on the PrimeVue 4.0 components page.

But in https://primevue.org/multiselect/

The height of components such as Input and MultiSelect has changed as well. When I disabled TailwindCSS, the component styles returned to normal.

Or how to adjust the configuration of TailwindCSS, I hope to inform me of the results (repair or not) as soon as possible, thank you!

What problem does this feature solve?

We could show PrimeVue components inside VuePress
What does the proposed API look like?

We could make an interative way to show primeVue components inside VuePress
How should this be implemented in your opinion?

VuePress is a doc built with Vue. If in this doc we need to show some app built with PrimeVue or other frameworks, today, we cant.
To be able to import others frameworks could be better.

Are you willing to work on this yourself?

Dont know how much work it will take. I can help, for sure.