# vue-cron-editor

> [![Actions Status](https://github.com/karoletrych/vue-cron-editor/workflows/Node%20CI/badge.svg)](https://github.com/karoletrych/vue-cron-editor/actions) # vue-cron-editor VueCronEditor is a component library built with Vue & Vuetify allowing for easier

Latest version **0.1.11** (published 2020-01-01) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install vue-cron-editor
pnpm add vue-cron-editor
yarn add vue-cron-editor
bun add vue-cron-editor
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.1.11 |
| Published | 2020-01-01 |
| First published | 2019-12-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 2.8 MB |
| Known vulnerabilities | 0 (+4 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 61 |
| Maintainers | karol.etrych |

## Links

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

## Dependencies (5)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [core-js](https://npm.io/package/core-js.md) ^3.3.2
- [vuetify](https://npm.io/package/vuetify.md) ^2.1.0
- [gh-pages](https://npm.io/package/gh-pages.md) ^2.1.1
- [@types/jest](https://npm.io/package/@types/jest.md) ^24.0.23

## Recent versions

- 0.1.11 (latest) — 2020-01-01
- 0.1.10 — 2020-01-01
- 0.1.9 — 2020-01-01
- 0.1.7 — 2019-12-31
- 0.1.6 — 2019-12-31
- 0.1.5 — 2019-12-31
- 0.1.4 — 2019-12-31
- 0.1.2 — 2019-12-31
- 0.1.1 — 2019-12-31

## README

[![Actions Status](https://github.com/karoletrych/vue-cron-editor/workflows/Node%20CI/badge.svg)](https://github.com/karoletrych/vue-cron-editor/actions)
# vue-cron-editor
VueCronEditor is a component library built with Vue & Vuetify allowing for easier editing of CRON expressions.

# Demo
https://karoletrych.github.io/vue-cron-editor/

# Requirements
- Vue ^2.0
- Vuetify ^2.0

# Installation
```
npm install vue-cron-editor --save
```

# Usage
```
<template>
  <v-app>
    <v-content>
      <VueCronEditor v-model="cronExpression"/>
      {{cronExpression}}
    </v-content>
  </v-app>
</template>

<script>
import VueCronEditor from 'vue-cron-editor';

export default {
  name: 'App',
  components: {
    VueCronEditor
  },
  data: () => ({
      cronExpression: "*/1 * * * *"
  }),
};
</script>
```
The editor tab will be set to one which is able to represent an initial expression given to a ``value`` prop (**minutes** tab in the example above). 
If none of the tabs can represent the given expression then **advanced** tab is selected.

# i18n
The language of the component can be selected with the ``locale`` prop.
```
<vue-cron-editor
    v-model="expression"
    locale="pl"
></vue-cron-editor>
```
Currently supported languages:
- en
- pl

Custom locales can be provided via a ``customLocales`` prop:
```
<vue-cron-editor
    v-model="expression"
    locale="test"
    :custom-locales="{
    test: {
        every: "Every",
        minutes: "minute(s)",
        hoursOnMinute: "hour(s) on minute",
        daysAt: "day(s) at",
        at: "at",
        onThe: "On the",
        dayOfEvery: "day of every",
        monthsAt: "month(s) at",
        everyDay: "Every",
        mon: "Mon",
        tue: "Tue",
        wed: "Wed",
        thu: "Thu",
        fri: "Fri",
        sat: "Sat",
        sun: "Sun",
        hasToBeBetween: "Has to be between",
        and: "and"
    }
}"
></vue-cron-editor>
```

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