# Jazel Vuetify Components Library

A collection of reusable Vuetify components for Jazel Auto projects.

## Installation

```bash
npm install jazel-vuetify

Requirements

• Vue 3.x
• Vuetify 3.x

Make sure Vuetify is properly set up in your main application before using these components. Check Vuetify's installation guide for more details.

Setup

// main.ts
import { createApp } from 'vue'
import { createVuetify } from 'vuetify'
import JazelVuetify from 'jazel-vuetify'

const app = createApp(App)
const vuetify = createVuetify()

app.use(vuetify)
app.use(JazelVuetify)
app.mount('#app')

Components

VAuto5FilterSettings

A dynamic filter component for vehicle inventory with support for hierarchical filtering.

<script setup lang="ts">
import { Auto5FilterSettings } from 'jazel-vuetify'
</script>

<template>
  <v-auto5-filter-settings
    account-id="demo-account"
    service-endpoint="/api/filters"
    active-filter-groups="make, model, year"
    :available-filter-groups="[
      { title: 'Make', value: 'make' },
      { title: 'Model', value: 'model' },
      { title: 'Year', value: 'year' }
    ]"
    :active-filters="{}"
    @update:active-filters="onFiltersChange"
    @search-results="onSearchResults"
  />
</template>

Typography

[Add brief description and usage example]

Colors

[Add brief description and usage example]