# @jundell/vue-menu-cms

> ## Project setup ``` npm install ```

Latest version **0.2.9** (published 2020-03-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install @jundell/vue-menu-cms
pnpm add @jundell/vue-menu-cms
yarn add @jundell/vue-menu-cms
bun add @jundell/vue-menu-cms
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.9 |
| Published | 2020-03-04 |
| First published | 2020-03-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 3.7 MB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Jundell Agbo |
| Maintainers | jundell |
| Keywords | cms, menu, vue, content, navigations, links |

## Links

- npm: https://www.npmjs.com/package/@jundell/vue-menu-cms
- Repository: https://github.com/jundellagbo/vue-menu-cms
- Homepage: https://github.com/jundellagbo/vue-menu-cms#readme
- Issues: https://github.com/jundellagbo/vue-menu-cms/issues
- npm.io page: https://npm.io/package/@jundell/vue-menu-cms

## Dependencies (6)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.4
- [node-sass](https://npm.io/package/node-sass.md) ^4.13.1
- [sass-loader](https://npm.io/package/sass-loader.md) ^8.0.2
- [vuedraggable](https://npm.io/package/vuedraggable.md) ^2.23.2
- [vue-codemirror](https://npm.io/package/vue-codemirror.md) ^4.0.6

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 0.2.9 (latest) — 2020-03-04
- 0.2.8 — 2020-03-04
- 0.2.7 — 2020-03-04
- 0.2.6 — 2020-03-04
- 0.2.5 — 2020-03-04
- 0.2.4 — 2020-03-04
- 0.2.3 — 2020-03-04
- 0.2.2 — 2020-03-04
- 0.2.1 — 2020-03-04
- 0.2.0 — 2020-03-04
- 0.1.8 — 2020-03-04
- 0.1.7 — 2020-03-04
- 0.1.6 — 2020-03-03
- 0.1.5 — 2020-03-03
- 0.1.4 — 2020-03-03
- … 4 more at https://npm.io/package/@jundell/vue-menu-cms/versions

## README

# Vue Menu CMS

A content management system for menu.

![](https://raw.githubusercontent.com/jundellagbo/vue-menu-cms/master/cms.gif)


### Markup

```
<template>
    <div>
        <button @click="addMenu">Add Menu</button>
        <vue-menu-cms ref="menucms" v-model="tree" />
        <pre>
        {{ tree }}
        </pre>
    </div>
</template>
<script>
import '@jundell/vue-menu-cms/src/assets/style.scss';
import VueMenuCms from '@jundell/vue-menu-cms/src/MenuCms.vue';
export default {
  components: {
    VueMenuCms
  },
  data: () => ({
      tree: {
          menus: [
            {
              title: '',
              slug: '',
              attrs: '',
              menus: [],
              order: Date.now()
            }
          ]
      }
  }),
  methods: {
    addMenu() {
      this.$refs.menucms.addMenu()
    }
  }
}
</script>
```

------


also works with Nuxt.js plugins


```
plugins/vue-menu-cms.js
```

```
import Vue from 'vue';
import '@jundell/vue-menu-cms/src/assets/style.scss';
import VueMenuCms from '@jundell/vue-menu-cms/src/MenuCms.vue';

Vue.component('VueMenuCms', VueMenuCms);
```

```
nuxt.config.js
```

```
module.exports = {
  plugins: [
      { src: '~/plugins/vue-menu-cms', ssr: false }
  ]
}
```

------

### Overide SCSS Variables

```
$pcolor: red;
$rcolor: grey;
$scolor: blue;
```

```
import 'variables.scss';
import '@jundell/vue-menu-cms/src/assets/style.scss';
```

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