# vue3-usf-feedback-form

> Simple contact form for Vue 3 (name, email, message) + vue-i18n (ru, en, kr)

Latest version **0.1.10** (published 2023-08-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue3-usf-feedback-form
pnpm add vue3-usf-feedback-form
yarn add vue3-usf-feedback-form
bun add vue3-usf-feedback-form
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.10 |
| Published | 2023-08-08 |
| First published | 2022-10-18 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 228.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Denis |
| Maintainers | denisavch |

## Links

- npm: https://www.npmjs.com/package/vue3-usf-feedback-form
- Repository: https://github.com/skydraco/vue3-usf-feedback-form
- Homepage: https://github.com/skydraco/vue3-usf-feedback-form#readme
- Issues: https://github.com/skydraco/vue3-usf-feedback-form/issues
- npm.io page: https://npm.io/package/vue3-usf-feedback-form

## Recent versions

- 0.1.10 (latest) — 2023-08-08
- 0.1.9 — 2023-07-24
- 0.1.8 — 2023-07-24
- 0.1.7 — 2023-07-03
- 0.1.6 — 2022-10-19
- 0.1.5 — 2022-10-19
- 0.1.4 — 2022-10-18
- 0.1.2 — 2022-10-18
- 0.1.1 — 2022-10-18

## README

# USF Simple Feedback Form 

Simple contact form for Vue 3 (name, email, message) + vue-i18n (ru, en, kr)


## Installation

Install vue3-usf-feedback-form with npm

```bash
  npm install vue3-usf-feedback-form
```
or using yarn
```bash
 yarn add vue3-usf-feedback-form
```

optional: install uikit with npm
```bash
yarn add uikit
````
### Module
`./main.js`:
```js
import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
import { VueReCaptcha } from 'vue3-usf-feedback-form'
import { messages } from 'vue3-usf-feedback-form/dist/locales/index.js'

import 'vue3-usf-feedback-form/dist/css/style.css';
import 'uikit'
import 'uikit/dist/css/uikit.min.css'

//ru, en, kr
localStorage.setItem('locale', 'ru');

const i18n = createI18n({
    locale: localStorage.getItem('locale') || 'ru',
    fallbackLocale: 'en',
    legacy: false,
    messages
})

createApp(App)
    .use(i18n)
    .use(VueReCaptcha, { siteKey: '<site key>' })
    .mount('#app');
```
## Using
Once installed, it can be used in a template as simply as:
```html
<script setup>
    import { FeedbackForm } from 'vue3-usf-feedback-form';
</script>

<feedback-form 
    :postRequest="postRequest"
    :showErrorDetail="showErrorDetail"
    :rowsTextarea="rowsTextarea"
/>
```

---
_Source: https://npm.io/package/vue3-usf-feedback-form · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._