Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue projects.
Visit the documentation to get started.
Home Page: https://sakai.primevue.org
License: MIT License
Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue projects.
Visit the documentation to get started.
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.
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
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
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
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.