import{_ as s}from"./plugin-vue_export-helper-DlAUqK2U.js";import{c as a,a as e,o as n}from"./app-YeL2FPh5.js";const l={};function t(h,i){return n(),a("div",null,i[0]||(i[0]=[e(`

@ocelot-social/ui

Vue component library for ocelot.social - works with Vue 2.7+ and Vue 3.

Installation

npm install @ocelot-social/ui

Usage

Import only the components you need. This enables tree-shaking for smaller bundle sizes.

import { OsButton } from '@ocelot-social/ui'
<template>
  <OsButton variant="primary">Click me</OsButton>
</template>

<script setup>
import { OsButton } from '@ocelot-social/ui'
</script>

Option 2: Global Registration

Register all components globally via the Vue plugin. No tree-shaking - all components are included in the bundle.

// main.ts
import { createApp } from 'vue'
import { OcelotUI } from '@ocelot-social/ui'
import App from './App.vue'

const app = createApp(App)
app.use(OcelotUI)
app.mount('#app')

Components are then available globally without imports:

<template>
  <OsButton variant="primary">Click me</OsButton>
</template>

Vue 2.7 Support

This library uses vue-demi for Vue 2/3 compatibility.

// Vue 2.7
import Vue from 'vue'
import { OcelotUI } from '@ocelot-social/ui'

Vue.use(OcelotUI)
`,17)]))}const r=s(l,[["render",t],["__file","index.html.vue"]]),d=JSON.parse('{"path":"/packages/ui/","title":"@ocelot-social/ui","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"Installation","slug":"installation","link":"#installation","children":[]},{"level":2,"title":"Usage","slug":"usage","link":"#usage","children":[{"level":3,"title":"Option 1: Individual Imports (recommended)","slug":"option-1-individual-imports-recommended","link":"#option-1-individual-imports-recommended","children":[]},{"level":3,"title":"Option 2: Global Registration","slug":"option-2-global-registration","link":"#option-2-global-registration","children":[]}]},{"level":2,"title":"Vue 2.7 Support","slug":"vue-2-7-support","link":"#vue-2-7-support","children":[]}],"git":{"createdTime":1775388691000,"updatedTime":1775388691000,"contributors":[{"name":"dependabot[bot]","email":"49699333+dependabot[bot]@users.noreply.github.com","commits":1}]},"readingTime":{"minutes":0.52,"words":155},"filePathRelative":"packages/ui/README.md","localizedDate":"April 5, 2026","excerpt":"\\n

Vue component library for ocelot.social - works with Vue 2.7+ and Vue 3.

\\n

Installation

\\n
npm install @ocelot-social/ui
\\n
"}');export{r as comp,d as data};