📦 vuetifyjs / one

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80<div align="center">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://vuetifyjs.b-cdn.net/docs/images/logos/vone-logo-dark.png">
  <img alt="Vuetify One Logo" src="https://vuetifyjs.b-cdn.net/docs/images/logos/vone-logo-light.png" height="150">
</picture>
</div>

[![npm version](https://img.shields.io/npm/v/@vuetify/one.svg)](https://www.npmjs.com/package/@vuetify/one)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Overview

A collection of reusable components designed to seamlessly integrate Vuetify One services throughout the Vuetify ecosystem

## Project Setup

```bash
git clone https://github.com/vuetifyjs/one.git

cd one

pnpm install
```

## Development

```bash
pnpm dev
```

## Building for Production

```bash
pnpm build
```

## Linting


```bash
pnpm lint
```

## Usage

```js
import { VoAppBar, VoAuthBtn, VoSocialFooter } from '@vuetify/one'

export default {
  components: {
    VoAppBar,
    VoAuthBtn,
    VoSocialFooter
  }
}
```
## Store Integration

```js
import { useAuthStore, useOneStore, useProductsStore } from '@vuetify/one'

const authStore = useAuthStore()
const oneStore = useOneStore()
```

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2016-present Vuetify LLC

----

This project exists and thrives thanks to all the wonderful people who contribute 😍

<br><br>
<a href="https://github.com/vuetifyjs/one/graphs/contributors">
<img src="https://contrib.rocks/image?repo=vuetifyjs/one" />
</a>