Create discrete Naive UI APIs for use outside Vue component setup.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-discrete
Please help me install this Agent Skill. Skill: n-discrete Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-discrete Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-discrete
It enables calling Naive UI APIs outside Vue component setup by providing a discrete API creator function that returns isolated, globally accessible APIs.
Import createDiscreteApi and demonstrate a simple outside-setup usage with a minimal example.
High-intent search queries and answers about installing and using this skill.
To call Naive UI APIs outside a Vue component setup, import createDiscreteApi. It returns isolated, globally accessible message, dialog, notification, loadingBar, and modal objects for use in utility modules.
Yes, you can use Naive UI notification and loadingBar in utility files. The discrete API creates an isolated app context allowing global access to these UI APIs from any non-component code.
The best way to globally access Naive UI modal APIs is using createDiscreteApi. It generates a standalone object containing modal and other UI APIs, bypassing the need for component-level injections.
Yes, createDiscreteApi supports a safer, unmountable lifecycle. The returned object includes an unmount function to properly clean up resources and the isolated app context when no longer needed.
You need discrete APIs for Naive UI when triggering messages or dialogs from non-component code. Standard injections require a setup context, whereas discrete APIs provide global access for utilities.
A limitation of calling Naive UI APIs outside setup is that createDiscreteApi creates a separate app context. You must manage this isolated context and manually call unmount to clean up resources.
jiaiyanConfigure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.
jiaiyanConfigure global locale, size, and component defaults for Element Plus apps.
SandroBeatzProvide Vue 3 documentation and examples for components and applications.
dylantarreBuild token-driven Vue 3 components with the Composition API and TypeScript.
