From cc22c7143e8f5efedb6d2a6b691d43ae2be5439e Mon Sep 17 00:00:00 2001 From: Philipp Lang Date: Fri, 15 Dec 2023 13:48:52 +0100 Subject: [PATCH] update vue3 --- assets/js/Stepper.vue | 259 +- assets/js/app.js | 41 +- assets/js/components/Pagination.vue | 60 +- assets/js/components/RadioGrid.vue | 25 +- assets/js/components/VBtn.vue | 10 +- package-lock.json | 20764 +++++++++++++------------- package.json | 70 +- webpack.mix.js | 2 +- 8 files changed, 10890 insertions(+), 10341 deletions(-) diff --git a/assets/js/Stepper.vue b/assets/js/Stepper.vue index afaf8df..38b0f48 100644 --- a/assets/js/Stepper.vue +++ b/assets/js/Stepper.vue @@ -1,39 +1,50 @@ diff --git a/assets/js/app.js b/assets/js/app.js index 162ee5f..ea170b1 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,6 +1,8 @@ import axios from 'axios'; +import VueAxios from 'vue-axios'; +import {Carousel, Slide} from 'vue3-carousel'; +import {createApp} from 'vue'; import wNumb from 'wnumb'; -import Vue from 'vue'; import Stepper from './Stepper.vue'; import RadioGrid from './components/RadioGrid.vue'; import Pagination from './components/Pagination.vue'; @@ -9,36 +11,43 @@ import VText from './components/VText.vue'; import VCheckbox from './components/VCheckbox.vue'; import svg from './svg.mixin.js'; -Vue.mixin(svg); -Vue.component('radio-grid', RadioGrid); -Vue.component('stepper', Stepper); -Vue.component('v-btn', VBtn); -Vue.component('pagination', Pagination); -Vue.component('v-checkbox', VCheckbox); -Vue.component('v-text', VText); -const app = new Vue(); -app.$mount(document.getElementById('stepper-main')); +import 'vue3-carousel/dist/carousel.css'; -var units = window.units = { +var app = createApp() + .mixin(svg) + .use(VueAxios, axios) + .component('radio-grid', RadioGrid) + .component('carousel', Carousel) + .component('slide', Slide) + .component('stepper', Stepper) + .component('v-btn', VBtn) + .component('pagination', Pagination) + .component('v-checkbox', VCheckbox) + .component('v-text', VText); + +app.provide('axios', app.config.globalProperties.axios); +app.mount(document.getElementById('stepper-main')); + +var units = (window.units = { currency: wNumb({ mark: ',', thousand: '.', prefix: '', suffix: '', - decimals: 0 + decimals: 0, }), decimalCurrency: wNumb({ mark: ',', thousand: '.', prefix: '', suffix: '', - decimals: 2 + decimals: 2, }), percent: wNumb({ mark: ',', thousand: '', prefix: '', suffix: '', - decimals: 2 - }) -}; + decimals: 2, + }), +}); diff --git a/assets/js/components/Pagination.vue b/assets/js/components/Pagination.vue index 42e9bb0..9b8fe5f 100644 --- a/assets/js/components/Pagination.vue +++ b/assets/js/components/Pagination.vue @@ -1,41 +1,39 @@ - diff --git a/assets/js/components/RadioGrid.vue b/assets/js/components/RadioGrid.vue index 77c1593..a1a7495 100644 --- a/assets/js/components/RadioGrid.vue +++ b/assets/js/components/RadioGrid.vue @@ -1,11 +1,12 @@