@todovue/tv-ui 0.1.0

package/dist/demos/tv-hero/CHANGELOG.md

@@ -0,0 +1,137 @@
+# Changelog
+
+All notable changes to `@todovue/tv-hero` will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.2.1] - 2026-01-27
+
+### Changed
+- Simplified the file list in `package.json` to include only essential assets.
+- Simplified the build configuration by removing demo-specific logic.
+- Enhanced GitHub Actions workflows to automate npm package publishing and GitHub release creation.
+- Moved the `@todovue/tv-demo` component import from main.js to `Demo.vue` to localize its usage.
+- Updated build commands to include `README.md` and `CHANGELOG.md` files in the public directory during the build process.
+
+### Added
+- Included the `src` directory in the `package.json` files list to ensure component source files are bundled in the package distribution.
+
+### Removed
+- Eliminated the global import of the `@todovue/tv-demo` component from `main.js`.
+
+### Dependencies
+- Updated `@todovue/tv-demo` to `^1.4.11`.
+- Updated `@todovue/tv-button` to `^1.2.5`.
+- Updated `vue` to `^3.5.27`.
+- Updated `sass` to `^1.97.3`.
+
+## [1.2.0] - 2026-01-20
+
+### Added
+- Introduced slot support to allow for fully customizable content within components.
+- Introduced the `imagePosition` property to provide granular control over layout placement.
+- Added a reverse layout option to allow for flexible positioning of image and text elements.
+- Introduced the `isBackgroundImage` property to enable background image support for components.
+- Implemented computed styles to manage background image rendering and positioning dynamically.
+
+### Changed
+- Updated the documentation to include instructions and examples for implementing the new slot functionality.
+
+### Dependencies
+- Updated the `@todovue/tv-demo` dependency to `^1.4.4`.
+- Updated the `@todovue/tv-button` dependency to `^1.2.4`.
+- Updated the `sass` dependency to `^1.97.2`.
+- Updated the `vite` dependency to `^7.3.1`.
+
+## [1.1.3] - 2025-12-20
+
+### Fixed
+- Fixed padding to improve layout on small screens
+
+## [1.1.2] - 2025-12-19
+
+### Added
+- Added automatic publishing to the TODOvue cPanel in `release.yml` for each release, simplifying package distribution and updates.
+- Added `package-lock.json` to the repository to ensure dependency consistency and facilitate version management across development and production environments.
+
+### Changed
+- Changed the `base` option in `vite.config.js` for website deployment in cpanel.
+
+### Fixed
+- Fixed repository URL in `package.json` to point to the correct GitHub repository.
+- Fixed the token configuration used to generate the package in the GitHub Actions workflow `release.yml`.
+
+### Dependencies
+- Updated dependency versions in `package.json` to maintain compatibility and benefit from improvements and bug fixes in the used libraries.
+
+## [1.1.1] - 2025-11-24
+
+### Changed
+- Updated background and text colors for dark and light themes to improve readability and visual comfort.
+
+### Dependencies
+- Updated the `@todovue/tv-demo` dependency to `^1.2.2` to ensure compatibility with the latest changes.
+
+## [1.1.0] - 2025-11-21
+
+### Added
+- Added `nux.js` configuration file for Nuxt 4 integration.
+- Added `tsconfig.json` for proper type checking during build.
+- Create `global.d.ts` to declare module for TypeScript users.
+- Added Nuxt module for automatic style injection and auto-registration of the `TvHero` component.
+- The `@todovue/tv-hero` component is now externalized from the final build, reducing bundle size.
+- Added `CHANGELOG.md` in script to generate demo and documentation site.
+
+### Dependencies
+- Updated the `@todovue/tv-demo` dependency to `^1.2.1` to ensure compatibility with the latest changes.
+- Updated the `@todovue/tv-button` dependency to `^1.2.2` to ensure compatibility with the latest changes.
+
+## [1.0.1] - 2025-11-15
+
+### Changed
+- Removed CSS injection via `vite-plugin-css-injected-by-js`.
+- Styles are now served from a separate CSS file generated by Vite (`dist/tv-hero.css`) and must be imported explicitly in the consuming app (SPA or Nuxt).
+- Improved compatibility with SSR/SSG environments, especially Nuxt, by avoiding runtime CSS injection.
+
+## [1.0.0] - 2025-10-20
+
+### Added
+- Initial release of `@todovue/tv-hero` component
+- Flexible hero component with customizable layout options
+- Support for images with responsive design
+- Primary and secondary call-to-action buttons powered by `@todovue/tv-button`
+- Entry/article mode for blog posts and content pages (`isEntry` prop)
+- Custom styling system via `customHero` prop for colors and themes
+- Configuration object (`configHero`) for title, description, buttons, and images
+- Automatic color adjustment and hover effects for custom button colors
+- Decorative separator bar below title with matching theme colors
+- Full-width hero mode (without image)
+- Standard hero mode (with image)
+- Global and local component registration options
+- Vue 3 Composition API with `useHero` composable
+- SCSS styling with variables, mixins, and global styles
+- Click events for primary (`click-button`) and secondary (`click-secondary-button`) buttons
+- Accessibility features with semantic HTML and ARIA support
+- Dark mode and light mode theme support with customizable colors
+- Responsive design for all screen sizes
+- TypeScript type definitions for better development experience
+- SSR compatibility for Nuxt 3 and other server-side rendering frameworks
+- Build configuration with Vite for library distribution
+- Comprehensive README documentation with installation, usage, and configuration examples
+- Demo playground with multiple examples:
+  - Default hero with image
+  - Hero with secondary button
+  - Custom themed hero
+  - Entry hero for articles
+  - Entry hero without image
+  - Various customization examples
+
+[1.2.1]: https://github.com/TODOvue/tv-hero/pull/9/files
+[1.2.0]: https://github.com/TODOvue/tv-hero/pull/8/files
+[1.1.3]: https://github.com/TODOvue/tv-hero/pull/7/files
+[1.1.2]: https://github.com/TODOvue/tv-hero/pull/6/files
+[1.1.1]: https://github.com/TODOvue/tv-hero/pull/5/files
+[1.1.0]: https://github.com/TODOvue/tv-hero/pull/4/files
+[1.0.1]: https://github.com/TODOvue/tv-hero/pull/3/files
+[1.0.0]: https://github.com/TODOvue/tv-hero/pull/1/files

package/dist/demos/tv-hero/README.md

@@ -0,0 +1,410 @@
+<p align="center"><img width="150" src="https://res.cloudinary.com/dcdfhi8qz/image/upload/v1763663056/uqqtkgp1lg3xdplutpga.png" alt="TODOvue logo">
+</p>
+
+# TODOvue Hero (TvHero)
+A customizable, responsive Vue 3 hero component designed for web applications. Perfect for creating impactful landing sections with images, titles, descriptions, and call-to-action buttons. Fully compatible with Single Page Apps and Server-Side Rendered (SSR) environments like Nuxt 3.
+
+[![npm](https://img.shields.io/npm/v/@todovue/tv-hero.svg)](https://www.npmjs.com/package/@todovue/tv-hero)
+[![npm downloads](https://img.shields.io/npm/dm/@todovue/tv-hero.svg)](https://www.npmjs.com/package/@todovue/tv-hero)
+[![npm total downloads](https://img.shields.io/npm/dt/@todovue/tv-hero.svg)](https://www.npmjs.com/package/@todovue/tv-hero)
+![License](https://img.shields.io/github/license/TODOvue/tv-hero)
+![Release Date](https://img.shields.io/github/release-date/TODOvue/tv-hero)
+![Bundle Size](https://img.shields.io/bundlephobia/minzip/@todovue/tv-hero)
+![Node Version](https://img.shields.io/node/v/@todovue/tv-hero)
+![Last Commit](https://img.shields.io/github/last-commit/TODOvue/tv-hero)
+![Stars](https://img.shields.io/github/stars/TODOvue/tv-hero?style=social)
+
+> Demo: https://ui.todovue.blog/hero
+
+## Table of Contents
+- [Features](#features)
+- [Installation](#installation)
+- [Quick Start (SPA)](#quick-start-spa)
+- [Nuxt 4 / SSR Usage](#nuxt-4--ssr-usage)
+- [Component Registration Options](#component-registration-options)
+- [Props](#props)
+- [Events](#events)
+- [Configuration Object (configHero)](#configuration-object-confighero)
+- [Customization (Styles / Theming)](#customization-styles--theming)
+- [Layout Modes](#layout-modes)
+- [Examples](#examples)
+- [Accessibility](#accessibility)
+- [SSR Notes](#ssr-notes)
+- [Styles Usage](#styles-usage)
+- [Development](#development)
+- [Contributing](#contributing)
+- [License](#license)
+
+## Features
+- **Flexible layouts**: Standard hero with image or full-width text-only hero
+- **Entry mode**: Special layout optimized for blog posts and article pages
+- **Customizable styling**: Override colors for background, text, and buttons
+- **Call-to-action support**: Primary and optional secondary buttons powered by `@todovue/tv-button`
+- **Responsive design**: Adapts beautifully across all screen sizes
+- **Dark/Light mode ready**: Built-in theme support with custom color options
+- **SSR compatible**: Works seamlessly in Nuxt 3 and other SSR frameworks
+- **TypeScript support**: Full type definitions included
+- **Zero configuration**: Works out of the box with sensible defaults
+
+## Installation
+Using npm:
+```bash
+npm install @todovue/tv-hero
+```
+Using yarn:
+```bash
+yarn add @todovue/tv-hero
+```
+Using pnpm:
+```bash
+pnpm add @todovue/tv-hero
+```
+
+## Quick Start (SPA)
+Global registration (main.js / main.ts):
+```js
+import { createApp } from 'vue'
+import App from './App.vue'
+import '@todovue/tv-hero/style.css'
+import '@todovue/tv-button/style.css'
+import TvHero from '@todovue/tv-hero'
+
+createApp(App)
+  .use(TvHero) // enables <TvHero /> globally
+  .mount('#app')
+```
+Local import inside a component:
+```vue
+<script setup>
+import '@todovue/tv-hero/style.css'
+import '@todovue/tv-button/style.css'
+import { TvHero } from '@todovue/tv-hero'
+
+const heroConfig = {
+  title: 'Welcome to TODOvue',
+  description: 'Build amazing web applications with Vue.js',
+  button: 'Get Started',
+  image: 'https://example.com/hero-image.png',
+  alt: 'Hero image'
+}
+
+function onButtonClick() {
+  console.log('CTA clicked!')
+}
+</script>
+
+<template>
+  <TvHero :configHero="heroConfig" @click-button="onButtonClick" />
+</template>
+```
+
+## Nuxt 4 / SSR Usage
+Create a plugin file: `plugins/tv-hero.client.ts` (or without suffix for SSR-safe usage):
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: [
+    '@todovue/tv-card/nuxt'
+  ]
+})
+```
+
+Use anywhere in your Nuxt app:
+```vue
+<template>
+  <TvHero :configHero="heroData" @click-button="handleAction" />
+</template>
+
+<script setup>
+const heroData = {
+  title: 'My Nuxt App',
+  description: 'Server-side rendered with love',
+  button: 'Learn More',
+  image: '/images/hero.jpg'
+}
+
+const handleAction = () => {
+  navigateTo('/about')
+}
+</script>
+```
+Optional direct import (no plugin):
+```vue
+<script setup>
+import '@todovue/tv-hero/style.css'
+import '@todovue/tv-button/style.css'
+import { TvHero } from '@todovue/tv-hero'
+</script>
+```
+
+## Component Registration Options
+| Approach                                                      | When to use                                |
+|---------------------------------------------------------------|--------------------------------------------|
+| Global via `app.use(TvHero)`                                  | Multiple hero sections across your app     |
+| Local named import `{ TvHero }`                               | Isolated usage or code-splitting scenarios |
+| Direct default import `import TvHero from '@todovue/tv-hero'` | Single usage or manual registration        |
+
+## Props
+| Prop              | Type    | Default | Description                                                            |
+|-------------------|---------|---------|------------------------------------------------------------------------|
+| configHero        | Object  | {}      | Main configuration object with title, description, buttons, and image. |
+| customHero        | Object  | {}      | Custom styling object for colors and themes.                           |
+| isEntry           | Boolean | false   | Enables entry/article layout mode (full-width, no buttons).            |
+| imagePosition     | String  | 'left'  | Controls image position: 'left' or 'right'.                            |
+| isBackgroundImage | Boolean | false   | Enables background image mode with overlay.                            |
+
+## Events
+| Event name (kebab)        | Description                                 |
+|---------------------------|---------------------------------------------|
+| `click-button`            | Emitted when primary button is clicked.     |
+| `click-secondary-button`  | Emitted when secondary button is clicked.   |
+
+Usage:
+```vue
+<TvHero 
+  :configHero="config" 
+  @click-button="handlePrimary" 
+  @click-secondary-button="handleSecondary" 
+/>
+```
+
+## Slots
+The component exposes several slots to allow full customization of content areas. When using slots, the corresponding props in `configHero` act as defaults or can be omitted.
+
+| Slot Name     | Description                                                          |
+|---------------|----------------------------------------------------------------------|
+| `image`       | Replaces the hero image area. Useful for custom images or video.     |
+| `title`       | Replaces the title text. Use this for rich HTML titles.              |
+| `description` | Replaces the description text. Perfect for complex HTML content.     |
+| `actions`     | Replaces the buttons. Use this to add custom forms or extra buttons. |
+
+**Example of Slot Usage:**
+```vue
+<TvHero :configHero="heroConfig">
+  <template #title>
+    Hello <span class="highlight">World</span>
+  </template>
+  
+  <template #description>
+    <p>This is a <strong>custom</strong> description with HTML.</p>
+  </template>
+  
+  <template #actions>
+    <button class="my-custom-btn">Join Now</button>
+  </template>
+</TvHero>
+```
+
+## Configuration Object (configHero)
+The `configHero` prop accepts an object with the following properties:
+
+| Property         | Type   | Required | Description                                    |
+|------------------|--------|----------|------------------------------------------------|
+| title            | String | Yes      | Main heading text for the hero section.        |
+| description      | String | Yes      | Descriptive text displayed below the title.    |
+| image            | String | No       | URL of the hero image.                         |
+| alt              | String | No       | Alt text for the image (accessibility).        |
+| button           | String | No       | Text for the primary call-to-action button.    |
+| buttonSecondary  | String | No       | Text for the optional secondary button.        |
+
+**Example:**
+```js
+const configHero = {
+  title: 'TODOvue Blog',
+  description: 'Explore the world of Vue.js development',
+  button: 'View All Posts',
+  buttonSecondary: 'Latest Article',
+  image: 'https://example.com/logo.png',
+  alt: 'TODOvue Logo'
+}
+```
+
+## Customization (Styles / Theming)
+The `customHero` prop allows you to override default colors and styles:
+
+| Property              | Type   | Description                                |
+|-----------------------|--------|--------------------------------------------|
+| bgBody                | String | Background color for the hero section.     |
+| colorBody             | String | Text color for title and description.      |
+| bgButton              | String | Background color for primary button.       |
+| colorButton           | String | Text color for primary button.             |
+| bgButtonSecondary     | String | Background color for secondary button.     |
+| colorButtonSecondary  | String | Text color for secondary button.           |
+
+**Example:**
+```vue
+<TvHero 
+  :configHero="heroConfig"
+  :customHero="{
+    bgBody: '#1e1d23',
+    colorBody: '#e1e2dc',
+    bgButton: '#8673a1',
+    colorButton: '#ffffff',
+    bgButtonSecondary: '#79308d',
+    colorButtonSecondary: '#ffffff'
+  }"
+/>
+```
+
+The component automatically:
+- Generates subtle hover effects for custom button colors
+- Creates a decorative separator bar below the title with matching colors
+- Applies box-shadow effects for visual depth
+
+## Layout Modes
+
+### Standard Hero (with image)
+Default layout with image on the left and content on the right:
+```vue
+<TvHero :configHero="{ 
+  title: 'Welcome', 
+  description: 'Learn Vue.js',
+  button: 'Start',
+  image: '/hero.png' 
+}" />
+```
+
+### Full-width Hero (without image)
+Omit the `image` property for a centered, text-focused layout:
+```vue
+<TvHero :configHero="{ 
+  title: 'Welcome', 
+  description: 'Learn Vue.js',
+  button: 'Start'
+}" />
+```
+
+### Entry/Article Mode
+Set `isEntry` to `true` for blog post headers (buttons are hidden):
+```vue
+<TvHero 
+  :configHero="articleHero" 
+  :isEntry="true" 
+/>
+```
+
+## Examples
+
+### Basic Hero
+```vue
+<TvHero 
+  :configHero="{
+    title: 'TODOvue Blog',
+    description: 'Discover Vue.js tips and tutorials',
+    button: 'View All Blogs',
+    image: 'https://todovue.com/logo.png',
+    alt: 'TODOvue Logo'
+  }"
+  @click-button="() => router.push('/blogs')"
+/>
+```
+
+### Hero with Secondary Button
+```vue
+<TvHero 
+  :configHero="{
+    title: 'TODOvue Blog',
+    description: 'Stay updated with the latest Vue.js content',
+    button: 'View All Blogs',
+    buttonSecondary: 'Read Latest',
+    image: 'https://todovue.com/logo.png',
+    alt: 'TODOvue Logo'
+  }"
+  @click-button="viewAll"
+  @click-secondary-button="viewLatest"
+/>
+```
+
+### Custom Themed Hero
+```vue
+<TvHero 
+  :configHero="{
+    title: 'Modern Design',
+    description: 'Beautiful components for Vue 3',
+    button: 'Explore',
+    buttonSecondary: 'Documentation',
+    image: '/logo.png'
+  }"
+  :customHero="{
+    bgBody: '#202020',
+    colorBody: '#ffffff',
+    bgButton: '#8673a1',
+    colorButton: '#e1e2dc',
+    bgButtonSecondary: '#79308d',
+    colorButtonSecondary: '#e1e2dc'
+  }"
+/>
+```
+
+### Entry/Article Hero
+```vue
+<TvHero 
+  :configHero="{
+    title: 'What is Vue.js?',
+    description: 'An introduction to the progressive JavaScript framework',
+    image: '/article-header.jpg',
+    alt: 'Vue.js Article'
+  }"
+  :isEntry="true"
+/>
+```
+
+## Accessibility
+- **Semantic HTML**: Uses proper heading hierarchy (`<h1>` for title)
+- **Alt text**: Always provide `alt` property when using images
+- **ARIA labels**: Buttons inherit accessibility from `@todovue/tv-button`
+- **Keyboard navigation**: Full keyboard support for interactive elements
+- **Color contrast**: Default theme meets WCAG AA standards
+
+## SSR Notes
+- **Zero DOM dependencies**: No direct `window` or `document` access
+- **Safe for SSR**: Works in Nuxt 3, Vite SSR, and other server environments
+- **Image optimization**: Works with Nuxt Image and other SSR image tools
+- **Composable pattern**: Uses Vue 3 Composition API with computed properties
+
+## Styles Usage
+
+### Vue 3 / Vite SPA
+```ts
+// main.ts
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import { TvHero } from '@todovue/tv-hero'
+import '@todovue/tv-hero/style.css'
+
+const app = createApp(App)
+app.component('TvHero', TvHero)
+app.mount('#app')
+```
+
+### Nuxt 3 / 4
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  css: ['@todovue/tv-hero/style.css'],
+})
+```
+
+## Development
+```bash
+git clone https://github.com/TODOvue/tv-hero.git
+cd tv-hero
+npm install
+npm run dev     # run demo playground
+npm run build   # build library
+```
+The demo playground includes multiple examples showcasing different configurations and customization options.
+
+## Contributing
+PRs and issues welcome! See [CONTRIBUTING.md](./CONTRIBUTING.md) and [CODE_OF_CONDUCT.md](./CODE_OF_CONDUCT.md).
+
+### Dependencies
+- **[@todovue/tv-button](https://www.npmjs.com/package/@todovue/tv-button)**: Powers the call-to-action buttons
+- **Vue 3**: Peer dependency (^3.0.0)
+
+## License
+MIT © TODOvue
+
+### Attributions
+Crafted for the TODOvue component ecosystem

package/dist/demos/tv-label/CHANGELOG.md

@@ -0,0 +1,138 @@
+# Changelog
+
+All notable changes to `@todovue/tv-label` will be documented in this file.
+
+This project adheres to [Semantic Versioning](https://semver.org/).
+
+## [1.2.4] - 2026-01-27
+
+### Changed
+- Simplified build scripts to improve maintainability. 
+- Updated package configuration files to the latest versions.
+
+## [1.2.3] - 2026-01-27
+
+### Changed
+- Moved the `@todovue/tv-demo` component import from main.js to `Demo.vue` to localize its usage.
+
+### Removed
+- Eliminated the global import of the `@todovue/tv-demo` component from `main.js`.
+
+## [1.2.2] - 2026-01-26
+
+### Changed
+- Updated the release workflow to automate publishing to npm and the generation of GitHub Releases.
+- Added the `src` directory to the list of ignored files within the `package.json` configuration.
+- Added a demo entry point to the `package.json` configuration.
+
+### Dependencies
+- Updated `@todovue/tv-demo` to `^1.4.10`.
+- Updated `vue` to `^3.5.27`.
+- Updated `sass` to `^1.97.3`.
+
+## [1.2.1] - 2026-01-19
+
+### Added
+- Introduced an outline variant to the component library for expanded styling options.
+
+### Dependencies
+- Updated `@todovue/tv-demo` to `^1.4.3`.
+
+### Changed
+* Updated the `release.yml` workflow to support automated publishing to GitHub Packages.
+* Modified the repository name in `package.json` to ensure consistency with the package registry.
+* Updated the `README.md` documentation to include details and usage examples for the new property.
+
+## [1.2.0] - 2026-01-17
+
+### Added
+- Added size variants (`sm`, `md`, `lg`) for enhanced flexibility in UI design.
+- Enhanced `TvLabel` styles with improved sizing, alignment, and hover effects.
+
+### Dependencies
+- Updated `@todovue/tv-demo` to `^1.4.0`.
+- Updated `sass` to `^1.97.2`.
+- Updated `vite` to `^7.3.1`.
+
+## [1.1.2] - 2025-12-19
+
+### Added
+- Added automatic publishing to the TODOvue cPanel in `release.yml` for each release, simplifying package distribution and updates.
+- Added `package-lock.json` to the repository to ensure dependency consistency and facilitate version management across development and production environments.
+
+### Changed
+- Changed the `base` option in `vite.config.js` for website deployment in cpanel.
+
+### Fixed
+- Fixed repository URL in `package.json` to point to the correct GitHub repository.
+- Fixed the token configuration used to generate the package in the GitHub Actions workflow `release.yml`.
+
+### Dependencies
+- Updated dependency versions in `package.json` to maintain compatibility and benefit from improvements and bug fixes in the used libraries.
+
+## [1.1.1] - 2025-11-21
+
+### Fixed
+- Prevent duplicate CSS import for TvButton
+
+## [1.1.0] - 2025-11-20
+
+### Added
+- Added `nux.js` configuration file for Nuxt 4 integration.
+- Added `tsconfig.json` for proper type checking during build.
+- Create `global.d.ts` to declare module for TypeScript users.
+- Added Nuxt module for automatic style injection and auto-registration of the `TvLabel` component.
+- The `@todovue/tv-label` component is now externalized from the final build, reducing bundle size.
+- Added `CHANGELOG.md` in script to generate demo and documentation site.
+
+### Dependencies
+- Updated the `@todovue/tv-demo` dependency to `^1.2.0` to ensure compatibility with the latest changes.
+
+## [1.0.3] - 2025-11-15
+
+### Changed
+- Removed CSS injection at runtime via `vite-plugin-css-injected-by-js`.
+- Styles are now served from separate CSS files generated by Vite (`dist/*.css`) and must be imported explicitly in the consuming app (SPA or Nuxt).
+- Improved SSR/SSG compatibility, especially for Nuxt applications, by relying on standard CSS assets instead of runtime style injection.
+
+## [1.0.2] - 2025-10-17
+
+### Fixed
+- Configuration of `vite.config.js`: Set `src/entry.ts` as the entry point for the library in build mode.
+
+## [1.0.1] - 2025-10-17
+
+### Changed
+- Changed node-version to workflows release.yml to 20.
+- The library build now uses `src/entry.ts` (exports both the component and the plugin) instead of directly exporting the `.vue` file.
+- Updated import demo examples.
+- Updated documentation for usage in SSR and Nuxt applications.
+
+### Dependencies
+- Updated Vite to `^7.0.0` to ensure compatibility with Node.js 20.19+.
+- Updated @vitejs/plugin-vue to `^6.0.0`
+
+## [1.0.0] - 2025-05-05
+
+### Added
+- Initial release of `TvLabel` component.
+- Support for `color` and `textColor` props for full color customization.
+- Support for optional `isEdit` and `isRemove` icons with configurable `iconPosition`.
+- `textLabel` prop as an alternative to using slot content.
+- Full slot support for flexible usage.
+- Emits `click-label` and native `click` events.
+- Integrated styles for seamless appearance in any layout.
+- Ready-to-use demo and documentation site.
+
+[1.2.4]: https://github.com/TODOvue/todovue-label/pull/16/files
+[1.2.3]: https://github.com/TODOvue/todovue-label/pull/15/files
+[1.2.2]: https://github.com/TODOvue/todovue-label/pull/14/files
+[1.2.1]: https://github.com/TODOvue/todovue-label/pull/13/files
+[1.2.0]: https://github.com/TODOvue/todovue-label/pull/12/files
+[1.1.2]: https://github.com/TODOvue/todovue-label/pull/11/files
+[1.1.1]: https://github.com/TODOvue/todovue-label/pull/10/files
+[1.1.0]: https://github.com/TODOvue/todovue-label/pull/9/files
+[1.0.3]: https://github.com/TODOvue/todovue-label/pull/8/files
+[1.0.2]: https://github.com/TODOvue/todovue-label/pull/7/files
+[1.0.1]: https://github.com/TODOvue/todovue-label/pull/6/files
+[1.0.0]: https://github.com/TODOvue/todovue-label/pull/5/files