mirrors/vue-cron-editor-bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/vue-cron-editor-bootstrap.git synced 2026-06-20 20:10:34 +03:00
Code Activity

decrease size

Browse Source
This commit is contained in:
Сергей Солодягин
2023-10-25 11:11:57 +03:00
parent aa72b053bd
commit f5fd6db85c
8 changed files with 120 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.vscode/settings.json
Vendored
+3
View File
@@ -14,6 +14,9 @@
"[jsonc]": { "[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features" "editor.defaultFormatter": "vscode.json-language-features"
}, },
"[md]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": { "[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode" "editor.defaultFormatter": "esbenp.prettier-vscode"
} }
README.md
+60 -49
View File
@@ -2,7 +2,7 @@
[![Version](https://img.shields.io/npm/v/@tenrok/vue-cron-editor-bootstrap.svg)](https://www.npmjs.com/package/@tenrok/vue-cron-editor-bootstrap) [![Version](https://img.shields.io/npm/v/@tenrok/vue-cron-editor-bootstrap.svg)](https://www.npmjs.com/package/@tenrok/vue-cron-editor-bootstrap)
[![License](https://img.shields.io/npm/l/@tenrok/vue-cron-editor-bootstrap.svg)](https://github.com/tenrok/vue-cron-editor-bootstrap/blob/main/LICENSE) [![License](https://img.shields.io/npm/l/@tenrok/vue-cron-editor-bootstrap.svg)](https://github.com/tenrok/vue-cron-editor-bootstrap/blob/main/LICENSE)
[![Vue.js](https://img.shields.io/badge/vue-2.7.14-brightgreen.svg?logo=vue.js)](https://github.com/vuejs/vue) [![Vue.js](https://img.shields.io/badge/vue-2.7.15-brightgreen.svg?logo=vue.js)](https://github.com/vuejs/vue)
[![GitHub last commit](https://img.shields.io/github/last-commit/tenrok/vue-cron-editor-bootstrap.svg)](https://github.com/tenrok/vue-cron-editor-bootstrap) [![GitHub last commit](https://img.shields.io/github/last-commit/tenrok/vue-cron-editor-bootstrap.svg)](https://github.com/tenrok/vue-cron-editor-bootstrap)
[![Downloads](https://img.shields.io/npm/dm/@tenrok/vue-cron-editor-bootstrap.svg)](https://npmcharts.com/compare/@tenrok/vue-cron-editor-bootstrap?minimal=true) [![Downloads](https://img.shields.io/npm/dm/@tenrok/vue-cron-editor-bootstrap.svg)](https://npmcharts.com/compare/@tenrok/vue-cron-editor-bootstrap?minimal=true)
[![Demo](https://img.shields.io/badge/demo-demo-blue.svg)](https://tenrok.github.io/vue-cron-editor-bootstrap/) [![Demo](https://img.shields.io/badge/demo-demo-blue.svg)](https://tenrok.github.io/vue-cron-editor-bootstrap/)
@@ -13,36 +13,49 @@ Inspired by https://github.com/karoletrych/vue-cron-editor
# Requirements # Requirements
- Vue ^2.0 - Vue ^2.0
- @tenrok/bootstrap-vue ^2.23.2 - Bootstrap-Vue ^2.23.1
# Installation # Quickstart
Install using
``` ```
npm install @tenrok/vue-cron-editor-bootstrap --save npm install @tenrok/vue-cron-editor-bootstrap --save
``` ```
# Usage Then, initalize the plugin in the starting point of your app (most likely src/main.js):
```js
// main.js
import { Plugin } from '@tenrok/vue-cron-editor-bootstrap'
Vue.use(Plugin)
``` ```
The components will be registered globally and you can use them immediately.
You can also import individual components into .vue SFC (Single File Component):
```html
<!-- Vue component (.vue) -->
<template> <template>
<VueCronEditor v-model="cronExpression" /> <VueCronEditor v-model="cronExpression" />
{{cronExpression}} {{cronExpression}}
</template> </template>
<script> <script>
import VueCronEditor from '@tenrok/vue-cron-editor-bootstrap'; import VueCronEditor from '@tenrok/vue-cron-editor-bootstrap'
export default { export default {
name: 'App', name: 'App',
components: { components: {
VueCronEditor VueCronEditor,
}, },
data() { data() {
return { return {
cronExpression: "*/1 * * * *" cronExpression: '*/1 * * * *',
} }
}, },
}; }
</script> </script>
``` ```
@@ -56,11 +69,8 @@ To preserve expression on switch to **advanced** tab set the `preserveStateOnSwi
The language of the component can be selected with the `locale` prop. The language of the component can be selected with the `locale` prop.
``` ```html
<VueCronEditor <VueCronEditor v-model="expression" locale="pl" />
v-model="expression"
locale="pl"
/>
``` ```
Currently supported languages: Currently supported languages:
@@ -70,37 +80,38 @@ Currently supported languages:
Custom locales can be provided via a `customLocales` prop: Custom locales can be provided via a `customLocales` prop:
``` <!-- prettier-ignore -->
```html
<VueCronEditor <VueCronEditor
v-model="expression" v-model="expression"
locale="test" locale="test"
:custom-locales="{ :custom-locales="{
test: { test: {
every: "Every", every: "Every",
mminutes: "minute(s)", mminutes: "minute(s)",
hoursOnMinute: "hour(s) on minute", hoursOnMinute: "hour(s) on minute",
daysAt: "day(s) at", daysAt: "day(s) at",
at: "at", at: "at",
onThe: "On the", onThe: "On the",
dayOfEvery: "day, of every", dayOfEvery: "day, of every",
monthsAt: "month(s), at", monthsAt: "month(s), at",
mon: "Mon", mon: "Mon",
tue: "Tue", tue: "Tue",
wed: "Wed", wed: "Wed",
thu: "Thu", thu: "Thu",
fri: "Fri", fri: "Fri",
sat: "Sat", sat: "Sat",
sun: "Sun", sun: "Sun",
minutes: "MINUTES", minutes: "MINUTES",
hourly: "HOURLY", hourly: "HOURLY",
daily: "DAILY", daily: "DAILY",
weekly: "WEEKLY", weekly: "WEEKLY",
monthly: "MONTHLY", monthly: "MONTHLY",
advanced: "ADVANCED", advanced: "ADVANCED",
cronExpression: "cron expression:", cronExpression: "cron expression:",
onlyOn: "Only on" onlyOn: "Only on"
} }
}" }"
/> />
``` ```
lib/components/VueCronEditor.vue
+7 -20
View File
@@ -34,17 +34,9 @@
<div class="col d-flex align-items-center"> <div class="col d-flex align-items-center">
<span class="mr-3">{{ translate('onlyOn') }}</span> <span class="mr-3">{{ translate('onlyOn') }}</span>
<!-- <b-form-checkbox v-model="editorData.days" value="0" class="mr-3">{{ translate('sun') }}</b-form-checkbox> --> <div v-for="(ch, idx) in checkboxes" :key="`${ch.day}`" class="mr-3 custom-control custom-checkbox">
<!-- <b-form-checkbox v-model="editorData.days" value="1" class="mr-3">{{ translate('mon') }}</b-form-checkbox> --> <input :id="`${ch.id}`" v-model="editorData.days" type="checkbox" class="custom-control-input" :value="`${idx}`" />
<!-- <b-form-checkbox v-model="editorData.days" value="2" class="mr-3">{{ translate('tue') }}</b-form-checkbox> --> <label class="custom-control-label" :for="`${ch.id}`">{{ translate(ch.day) }}</label>
<!-- <b-form-checkbox v-model="editorData.days" value="3" class="mr-3">{{ translate('wed') }}</b-form-checkbox> -->
<!-- <b-form-checkbox v-model="editorData.days" value="4" class="mr-3">{{ translate('thu') }}</b-form-checkbox> -->
<!-- <b-form-checkbox v-model="editorData.days" value="5" class="mr-3">{{ translate('fri') }}</b-form-checkbox> -->
<!-- <b-form-checkbox v-model="editorData.days" value="6" class="mr-3">{{ translate('sat') }}</b-form-checkbox> -->
<div v-for="(a, idx) in uids" :key="`${a[0]}`" class="mr-3 custom-control custom-checkbox">
<input :id="`${a[1]}`" v-model="editorData.days" type="checkbox" class="custom-control-input" :value="`${idx}`" />
<label class="custom-control-label" :for="`${a[1]}`">{{ translate(a[0]) }}</label>
</div> </div>
<span class="mr-1">{{ translate('at') }}</span> <span class="mr-1">{{ translate('at') }}</span>
@@ -78,18 +70,13 @@
<script lang="ts"> <script lang="ts">
import VueCronEditorMixin from '../core/vueCronEditorMixin' import VueCronEditorMixin from '../core/vueCronEditorMixin'
import { BTabs, BTab, BFormInput, BFormTimepicker } from '@tenrok/bootstrap-vue' import { BTabs, BTab, BFormInput, BFormTimepicker } from 'bootstrap-vue'
import { TabKey } from 'lib/core/cronExpressions' import { TabKey } from 'lib/core/cronExpressions'
interface Tab {
idx: number
key: string
}
interface Data { interface Data {
activeTabIndex?: number activeTabIndex?: number
tabs: Tab[] tabs: { idx: number; key: string }[]
uids: string[][] checkboxes: { day: string; id: string }[]
} }
export default VueCronEditorMixin.extend({ export default VueCronEditorMixin.extend({
@@ -111,7 +98,7 @@
{ idx: 4, key: 'monthly' }, { idx: 4, key: 'monthly' },
{ idx: 5, key: 'advanced' }, { idx: 5, key: 'advanced' },
], ],
uids: ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'].map(x => [x, crypto.randomUUID()]), checkboxes: ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'].map(day => ({ day, id: crypto.randomUUID() })),
} }
}, },
lib/index.ts
+2 -2
View File
@@ -3,7 +3,7 @@ import VueCronEditor from './components/VueCronEditor.vue'
const components: { [key: string]: VueConstructor } = { VueCronEditor } const components: { [key: string]: VueConstructor } = { VueCronEditor }
const VueCronEditorPlugin: PluginObject<any> = { const Plugin: PluginObject<any> = {
install(Vue) { install(Vue) {
for (const key in components) { for (const key in components) {
Vue.component(key, components[key]) Vue.component(key, components[key])
@@ -12,4 +12,4 @@ const VueCronEditorPlugin: PluginObject<any> = {
} }
export default VueCronEditor export default VueCronEditor
export { VueCronEditor, VueCronEditorPlugin } export { VueCronEditor, Plugin }
package-lock.json
Generated
+40 -34
View File
@@ -1,19 +1,18 @@
{ {
"name": "@tenrok/vue-cron-editor-bootstrap", "name": "@tenrok/vue-cron-editor-bootstrap",
"version": "0.2.3", "version": "0.3.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@tenrok/vue-cron-editor-bootstrap", "name": "@tenrok/vue-cron-editor-bootstrap",
"version": "0.2.3", "version": "0.3.0",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"bootstrap": "^4.6.0", "bootstrap": "^4.6.0",
"core-js": "^3.33.1", "core-js": "^3.33.1",
"cron-validator": "^1.3.1", "cron-validator": "^1.3.1",
"cronstrue": "^2.14.0", "cronstrue": "^2.14.0"
"vue": "^2.7.15"
}, },
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.62.0", "@typescript-eslint/eslint-plugin": "^5.62.0",
@@ -32,7 +31,8 @@
"vue-template-compiler": "^2.7.15" "vue-template-compiler": "^2.7.15"
}, },
"peerDependencies": { "peerDependencies": {
"@tenrok/bootstrap-vue": "^2.23.2" "bootstrap-vue": "^2.23.1",
"vue": "^2.7.15"
} }
}, },
"node_modules/@aashutoshrathi/word-wrap": { "node_modules/@aashutoshrathi/word-wrap": {
@@ -2323,20 +2323,6 @@
"integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==", "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
"dev": true "dev": true
}, },
"node_modules/@tenrok/bootstrap-vue": {
"version": "2.23.2",
"resolved": "https://registry.npmjs.org/@tenrok/bootstrap-vue/-/bootstrap-vue-2.23.2.tgz",
"integrity": "sha512-xwCgToSE+/f05wru/+fk3stjZO2dQUCeBeFyg/fDmNVPh1T7sMBm+eldRhqxIH48ZyFM/PRi2RdZUxtS+GFKfg==",
"hasInstallScript": true,
"peer": true,
"dependencies": {
"@nuxt/opencollective": "^0.3.2",
"bootstrap": "^4.6.1",
"popper.js": "^1.16.1",
"portal-vue": "^2.1.7",
"vue-functional-data-merge": "^3.1.0"
}
},
"node_modules/@trysound/sax": { "node_modules/@trysound/sax": {
"version": "0.2.0", "version": "0.2.0",
"resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -3226,6 +3212,7 @@
"version": "2.7.15", "version": "2.7.15",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz", "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz",
"integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==", "integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==",
"peer": true,
"dependencies": { "dependencies": {
"@babel/parser": "^7.18.4", "@babel/parser": "^7.18.4",
"postcss": "^8.4.14", "postcss": "^8.4.14",
@@ -4045,6 +4032,20 @@
"popper.js": "^1.16.1" "popper.js": "^1.16.1"
} }
}, },
"node_modules/bootstrap-vue": {
"version": "2.23.1",
"resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-2.23.1.tgz",
"integrity": "sha512-SEWkG4LzmMuWjQdSYmAQk1G/oOKm37dtNfjB5kxq0YafnL2W6qUAmeDTcIZVbPiQd2OQlIkWOMPBRGySk/zGsg==",
"hasInstallScript": true,
"peer": true,
"dependencies": {
"@nuxt/opencollective": "^0.3.2",
"bootstrap": "^4.6.1",
"popper.js": "^1.16.1",
"portal-vue": "^2.1.7",
"vue-functional-data-merge": "^3.1.0"
}
},
"node_modules/brace-expansion": { "node_modules/brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -4966,7 +4967,8 @@
"node_modules/csstype": { "node_modules/csstype": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
"peer": true
}, },
"node_modules/de-indent": { "node_modules/de-indent": {
"version": "1.0.2", "version": "1.0.2",
@@ -10800,6 +10802,7 @@
"version": "2.7.15", "version": "2.7.15",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
"integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==", "integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
"peer": true,
"dependencies": { "dependencies": {
"@vue/compiler-sfc": "2.7.15", "@vue/compiler-sfc": "2.7.15",
"csstype": "^3.1.0" "csstype": "^3.1.0"
@@ -13248,19 +13251,6 @@
"integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==", "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
"dev": true "dev": true
}, },
"@tenrok/bootstrap-vue": {
"version": "2.23.2",
"resolved": "https://registry.npmjs.org/@tenrok/bootstrap-vue/-/bootstrap-vue-2.23.2.tgz",
"integrity": "sha512-xwCgToSE+/f05wru/+fk3stjZO2dQUCeBeFyg/fDmNVPh1T7sMBm+eldRhqxIH48ZyFM/PRi2RdZUxtS+GFKfg==",
"peer": true,
"requires": {
"@nuxt/opencollective": "^0.3.2",
"bootstrap": "^4.6.1",
"popper.js": "^1.16.1",
"portal-vue": "^2.1.7",
"vue-functional-data-merge": "^3.1.0"
}
},
"@trysound/sax": { "@trysound/sax": {
"version": "0.2.0", "version": "0.2.0",
"resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -13942,6 +13932,7 @@
"version": "2.7.15", "version": "2.7.15",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz", "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz",
"integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==", "integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==",
"peer": true,
"requires": { "requires": {
"@babel/parser": "^7.18.4", "@babel/parser": "^7.18.4",
"postcss": "^8.4.14", "postcss": "^8.4.14",
@@ -14572,6 +14563,19 @@
"integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==", "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
"requires": {} "requires": {}
}, },
"bootstrap-vue": {
"version": "2.23.1",
"resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-2.23.1.tgz",
"integrity": "sha512-SEWkG4LzmMuWjQdSYmAQk1G/oOKm37dtNfjB5kxq0YafnL2W6qUAmeDTcIZVbPiQd2OQlIkWOMPBRGySk/zGsg==",
"peer": true,
"requires": {
"@nuxt/opencollective": "^0.3.2",
"bootstrap": "^4.6.1",
"popper.js": "^1.16.1",
"portal-vue": "^2.1.7",
"vue-functional-data-merge": "^3.1.0"
}
},
"brace-expansion": { "brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -15222,7 +15226,8 @@
"csstype": { "csstype": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
"peer": true
}, },
"de-indent": { "de-indent": {
"version": "1.0.2", "version": "1.0.2",
@@ -19533,6 +19538,7 @@
"version": "2.7.15", "version": "2.7.15",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
"integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==", "integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
"peer": true,
"requires": { "requires": {
"@vue/compiler-sfc": "2.7.15", "@vue/compiler-sfc": "2.7.15",
"csstype": "^3.1.0" "csstype": "^3.1.0"
package.json
+3 -3
View File
@@ -34,8 +34,7 @@
"bootstrap": "^4.6.0", "bootstrap": "^4.6.0",
"core-js": "^3.33.1", "core-js": "^3.33.1",
"cron-validator": "^1.3.1", "cron-validator": "^1.3.1",
"cronstrue": "^2.14.0", "cronstrue": "^2.14.0"
"vue": "^2.7.15"
}, },
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.62.0", "@typescript-eslint/eslint-plugin": "^5.62.0",
@@ -54,6 +53,7 @@
"vue-template-compiler": "^2.7.15" "vue-template-compiler": "^2.7.15"
}, },
"peerDependencies": { "peerDependencies": {
"@tenrok/bootstrap-vue": "^2.23.2" "bootstrap-vue": "^2.23.1",
"vue": "^2.7.15"
} }
} }
src/main.ts
+3 -3
View File
@@ -1,11 +1,11 @@
import Vue from 'vue' import Vue from 'vue'
import App from './App.vue' import App from './App.vue'
import { VueCronEditorPlugin } from '../lib' import { Plugin } from '../lib'
Vue.use(VueCronEditorPlugin) Vue.use(Plugin)
import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap/dist/css/bootstrap.css'
import '@tenrok/bootstrap-vue/dist/bootstrap-vue.css' import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.config.productionTip = false Vue.config.productionTip = false
vue.config.js
+2 -2
View File
@@ -11,9 +11,9 @@ module.exports = {
chainWebpack: config => { chainWebpack: config => {
if (isProduction) { if (isProduction) {
config.externals({ config.externals({
'@tenrok/bootstrap-vue': '@tenrok/bootstrap-vue', vue: 'vue',
'bootstrap-vue': 'bootstrap-vue',
}) })
// config.merge({ devtool: 'source-map' })
} }
}, },
} }