feat: upgrade to packages for vue 3

- vue3-notification
- vue-advanced-cropper 2
- vuedraggable 4
- vue-shortkey -> moved in repo
This commit is contained in:
Dominik Pschenitschni 2021-08-20 15:46:41 +02:00
parent 7c3c2945f8
commit e779681905
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
10 changed files with 405 additions and 142 deletions

View file

@ -1,4 +1,11 @@
import { createApp } from 'vue'
import { createApp, configureCompat } from 'vue'
configureCompat({
COMPONENT_V_MODEL: false,
COMPONENT_ASYNC: false,
RENDER_FUNCTION: false,
WATCH_ARRAY: false, // TODO: check this again; this might lead to some problemes
})
import App from './App.vue'
import router from './router'
@ -18,13 +25,13 @@ import {VERSION} from './version.json'
// Add CSS
import './styles/vikunja.scss'
// Notifications
import Notifications from 'vue-notification'
import Notifications from '@kyvg/vue3-notification'
// PWA
import './registerServiceWorker'
// Shortcuts
// @ts-ignore - no types available
import vueShortkey from 'vue-shortkey'
import shortkey from '@/plugins/shortkey'
// Vuex
import {store} from './store'
// i18n
@ -45,19 +52,11 @@ if (window.API_URL.substr(window.API_URL.length - 1, window.API_URL.length) ===
const app = createApp(App)
Vue.use(Notifications)
app.use(Notifications)
Vue.use(vueShortkey, {prevent: ['input', 'textarea', '.input', '[contenteditable]']})
app.config.globalProperties.$message = {
error(e, actions = []) {
return error(e, Vue.prototype, actions)
},
success(s, actions = []) {
return success(s, Vue.prototype, actions)
},
}
app.use(shortkey, {prevent: ['input', 'textarea', '.input', '[contenteditable]']})
// directives
import focus from './directives/focus'
@ -92,6 +91,15 @@ app.mixin({
},
})
app.config.errorHandler = (err, vm, info) => {
error(err)
}
app.config.globalProperties.$message = {
error,
success,
}
app.use(router)
app.use(store)
app.use(i18n)