@enos5/enos-vue

Shared Vue 3 UI components from Enos, packaged as the Jetstream workspace inside the monorepo.

Requirements

• Node.js 20+
• npm

Install

From the workspace root:

npm install

Build this package:

npm run build -w @enos5/enos-vue

Component Documentation Sandbox

This workspace includes a dedicated docs playground for the component library. It renders each component with a live example and generates editable prop controls from the component prop definitions.

Run it locally from the workspace root:

npm run docs:dev -w @enos5/enos-vue

Build the docs site:

npm run docs:build -w @enos5/enos-vue

Use In Another Project

Install the published package:

npm install @enos5/enos-vue

This package expects these peer dependencies in the consuming app:

• vue
• @inertiajs/vue3 (^2.0.0 or ^3.0.0)
• @heroicons/vue
• vue-i18n

Rich text support uses TinyMCE and is bundled as a regular dependency in this library.

You can register everything globally:

import { createApp } from 'vue'
import App from './App.vue'
import { EnosVue } from '@enos5/enos-vue'

createApp(App).use(EnosVue).mount('#app')

Or import individual components:

import { PrimaryButton, TextInput } from '@enos5/enos-vue'

DateInput defaults to English locale behavior. Pass locale to override that, and note that native browser date picker UI remains browser-controlled, with lang used as the locale hint.

If a consuming app wants to load the package stylesheet explicitly, use the stable stylesheet entry:

import '@enos5/enos-vue/styles.css'

This avoids importing from dist directly and is useful when an app wants tighter control over stylesheet load order in development.

Publish To npm

Before publishing, build the package and verify the tarball:

npm run build -w @enos5/enos-vue
npm pack --dry-run -w packages/jetstream

Then bump the version in packages/jetstream/package.json, commit the change, and publish the workspace:

npm publish -w packages/jetstream

If you are releasing both packages together, also update packages/default/package.json, run the root npm run build, and publish packages/default after verifying its tarball with:

npm pack --dry-run -w packages/default
npm publish -w packages/default

Playground Themes

The docs playground includes a theme switcher in the sidebar. It persists the selected theme and lets you toggle between:

• Jetstream, which shows the current component catalog in this workspace
• Default, which points at the mirrored @enos5/enos-vue-default package implementation