# @openteamsinc/scrud-component

> SCRUD Vue Component

Latest version **0.1.22** (published 2021-08-24) · 0 weekly downloads

## Install

```sh
npm install @openteamsinc/scrud-component
pnpm add @openteamsinc/scrud-component
yarn add @openteamsinc/scrud-component
bun add @openteamsinc/scrud-component
```

## 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.22 |
| Published | 2021-08-24 |
| First published | 2020-11-24 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 9 |
| Unpacked size | 59.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dcharbon, hoo761, kramba228, amaxfield, maryamkhidir |

## Links

- npm: https://www.npmjs.com/package/@openteamsinc/scrud-component
- npm.io page: https://npm.io/package/@openteamsinc/scrud-component

## Dependencies (9)

- [li](https://npm.io/package/li.md) ^1.3.0
- [bootstrap](https://npm.io/package/bootstrap.md) ^4.5.3
- [bootstrap-vue](https://npm.io/package/bootstrap-vue.md) ^2.18.0
- [vue-form-json-schema](https://npm.io/package/vue-form-json-schema.md) ^2.8.7
- [@vue/babel-preset-jsx](https://npm.io/package/@vue/babel-preset-jsx.md) ^1.1.2
- [@openteamsinc/rdf-context](https://npm.io/package/@openteamsinc/rdf-context.md) ^0.0.1
- [@openteamsinc/ssr-form-gen](https://npm.io/package/@openteamsinc/ssr-form-gen.md) ^1.0.2
- [@openteamsinc/caching-client](https://npm.io/package/@openteamsinc/caching-client.md) ^0.1.6
- [@vue/babel-helper-vue-jsx-merge-props](https://npm.io/package/@vue/babel-helper-vue-jsx-merge-props.md) ^1.0.0

## Recent versions

- 0.1.22 (latest) — 2021-08-24
- 0.1.21 — 2021-07-14
- 0.1.20 — 2021-07-14
- 0.1.19 — 2021-06-03
- 0.1.18 — 2021-04-26
- 0.1.17 — 2021-04-21
- 0.1.16 — 2021-04-15
- 0.1.15 — 2021-03-15
- 0.1.14 — 2021-01-26
- 0.1.13 — 2021-01-20
- 0.1.12 — 2021-01-20
- 0.1.11 — 2021-01-20
- 0.1.10 — 2020-12-12
- 0.1.9 — 2020-12-11
- 0.1.8 — 2020-12-02
- … 8 more at https://npm.io/package/@openteamsinc/scrud-component/versions

## README

# scrud-component

Vue plugin for the `ScrudComponent`

## Build Setup

```bash
# install dependencies
$ npm install

# serve with hot reload at localhost:8080
$ npm run serve

# build for production
$ npm run build
```

For more build options check the `package.json` `scripts` section


## Usage

Clone this repo at the same level of the project that will be using the `ScrudComponent` and install it using npm:

```bash
$ npm install --save ./scrud-nuxt/scrud-component
```

Now your `package.json` should reflect the new dependency as `"scrud-component": "file:../scrud-nuxt/scrud-component"` and setup your project as with any other [Vue plugin](https://nuxtjs.org/guide/plugins/#vue-plugins):

* Create a `.js` at `~plugins/` something like `scrud-component.js`

* The content of the file should look something like:

```js
import Vue from 'vue'
import plugin from 'scrud-component'

Vue.use(plugin)
```

* Add the plugin to `nuxt.config.js`:

```js
/*
  ** Plugins to load before mounting the App
  ** https://nuxtjs.org/guide/plugins
  */
  plugins: [
    { src: '~plugins/scrud-component.js', ssr: false }
  ],

```
The ssr false option is needed since the `scrud-component` uses as HTTP Client the `Caching Client` which uses the Browser Cache API (i.e `caches` global variable).


An example use of the `ScrudComponent` can be seen at the [`dev/serve.vue`](dev/serve.vue) file and the [`scrud-nuxt` app](../scrud-nuxt/README.md)).

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