# vue-formservice

> VueJS plugin for formservice.io

Latest version **0.1.77** (published 2019-01-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-formservice
pnpm add vue-formservice
yarn add vue-formservice
bun add vue-formservice
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.77 |
| Published | 2019-01-06 |
| First published | 2018-11-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 17 |
| Unpacked size | 6.1 MB |
| Known vulnerabilities | 0 (+25 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Joe Bloggs |
| Maintainers | philcal |
| Keywords | vue, tooltwist, formservice |

## Links

- npm: https://www.npmjs.com/package/vue-formservice
- Repository: https://github.com/tooltwist/vue-formservice
- Homepage: https://github.com/tooltwist/vue-formservice#readme
- Issues: https://github.com/tooltwist/vue-formservice/issues
- npm.io page: https://npm.io/package/vue-formservice

## Dependencies (17)

- [vue](https://npm.io/package/vue.md) ^2.5.16
- [vuex](https://npm.io/package/vuex.md) ^3.0.1
- [axios](https://npm.io/package/axios.md) ^0.18.0
- [buefy](https://npm.io/package/buefy.md) ^0.7.1
- [bulma](https://npm.io/package/bulma.md) ^0.7.1
- [debounce](https://npm.io/package/debounce.md) ^1.1.0
- [v-hotkey](https://npm.io/package/v-hotkey.md) ^0.2.0
- [file-saver](https://npm.io/package/file-saver.md) ^1.3.8
- [jwt-decode](https://npm.io/package/jwt-decode.md) ^2.2.0
- [v-clipboard](https://npm.io/package/v-clipboard.md) ^2.0.1
- [vue-awesome](https://npm.io/package/vue-awesome.md) ^3.0.3
- [query-string](https://npm.io/package/query-string.md) ^6.0.0
- [vue-drag-drop](https://npm.io/package/vue-drag-drop.md) ^1.1.2
- [vue-split-panel](https://npm.io/package/vue-split-panel.md) ^1.0.4
- [vue-contentservice](https://npm.io/package/vue-contentservice.md) ^0.1.89
- [vue-froala-wysiwyg](https://npm.io/package/vue-froala-wysiwyg.md) ^2.8.4
- [vue-google-autocomplete](https://npm.io/package/vue-google-autocomplete.md) ^1.1.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.1.77 (latest) — 2019-01-06
- 0.1.76 — 2019-01-05
- 0.1.75 — 2018-11-07
- 0.1.74 — 2018-11-07

## README

# Introduction

1. [ContentService.io](http://contentservice.io) adds CMS functionality to VueJS and Nuxt projects.

2. ContentService can be extended with custom _widgets_, allowing you to create reusable, application-specific widgets.

3. This project provides a template for creating **npm** packages of reusable custom widgets.

# What you get

When you use this template, you will get an npm package that can be used in VueJS and Nuxt projects:

- Example widget added to the toolbox on pages that use contentservice.io.

- Example Vuex store.

- Example code calling a remote service.

- Example code to read config files.

- Example Nuxt plugin.

- Build scripts.

- A local test harness.

- testing framework.



# Getting Started

Clone this project, and push it to your own repo, then play at will:

    git clone https://github.com/tooltwist/vue-formservice.git myProject
    cd myProject
    rm -rf .git; git init; git add .; git commit -m 'Cloned from vue-formservice'
    git remote add origin <your repos URL>
    git push --set-upstream origin master
    
Open the project in your edit and...

1. Update `package.json` with your project name
1. Globally substitute 'formservice' with your project name with the first character _in lower case_.
1. Globally substitute 'Formservice' with your project name with the first character _in upper case_.
1. git mv src/lib/Formservice.js src/lib/**Projectname**.js
1. git mv src/store/FormserviceStore.js src/store/**Projectname**Store.js
1. git mv src/components/widgets/ContentFormservice.vue src/components/widgets/Content**Projectname**.vue
1. git mv src/components/widgets/ContentFormserviceProps.vue src/components/widgets/Content**Projectname**Props.vue
1. Modify README.md to explain what this widget library does.

Commit to github, then publish at will:

    yarn install
    yarn build-bundle
    yarn patch-release

To create new widgets, you can copy and modify the example widget files in src/components/widgets:

- ContentFormservice.vue = the component displayed on the page
- ContentFormserviceProps.vue = a component to edit the properties when in editing mode.

You can register your new widget using `$content.registerWidget` inside `src/components/index.js`.

[See the wiki](https://github.com/tooltwist/vue-formservice/wiki) for a full description of how to use this template.

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