webpack build is failing

[michielbdejong]

WARNING in ./src/main.js 43:0-7
export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId)

WARNING in ./src/main.js 46:0-9
export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId)

WARNING in ./src/main.js 52:19-22
export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId)

ERROR in ./node_modules/vue-material-design-icons/ArrowRight.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: <template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/node_modules/vue-material-design-icons/ArrowRight.vue:1:11
1  |  <template functional>
   |            ^^^^^^^^^^
2  |    <span :aria-hidden="props.decorative"
3  |          :aria-label="props.title"
 @ ./node_modules/@nextcloud/vue/dist/Components/AppNavigationItem.js 129:60001-60048
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/App.vue?vue&type=script&lang=js 2:0-81 12:23-40
 @ ./src/App.vue?vue&type=script&lang=js 1:0-173 1:0-173 1:174-336 1:174-336
 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
 @ ./src/main.js 24:0-24 56:13-16

ERROR in ./node_modules/vue-material-design-icons/Close.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: <template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/node_modules/vue-material-design-icons/Close.vue:1:11
1  |  <template functional>
   |            ^^^^^^^^^^
2  |    <span :aria-hidden="props.decorative"
3  |          :aria-label="props.title"
 @ ./node_modules/@nextcloud/vue/dist/Components/AppNavigationItem.js 129:60077-60119
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/App.vue?vue&type=script&lang=js 2:0-81 12:23-40
 @ ./src/App.vue?vue&type=script&lang=js 1:0-173 1:0-173 1:174-336 1:174-336
 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
 @ ./src/main.js 24:0-24 56:13-16

ERROR in ./node_modules/vue-material-design-icons/DotsHorizontal.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: <template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/node_modules/vue-material-design-icons/DotsHorizontal.vue:1:11
1  |  <template functional>
   |            ^^^^^^^^^^
2  |    <span :aria-hidden="props.decorative"
3  |          :aria-label="props.title"
 @ ./node_modules/@nextcloud/vue/dist/Components/AppNavigation.js 24:12962-13013
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/App.vue?vue&type=script&lang=js 1:0-73 11:19-32
 @ ./src/App.vue?vue&type=script&lang=js 1:0-173 1:0-173 1:174-336 1:174-336
 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
 @ ./src/main.js 24:0-24 56:13-16

ERROR in ./node_modules/vue-material-design-icons/Menu.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: <template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/node_modules/vue-material-design-icons/Menu.vue:1:11
1  |  <template functional>
   |            ^^^^^^^^^^
2  |    <span :aria-hidden="props.decorative"
3  |          :aria-label="props.title"
 @ ./node_modules/@nextcloud/vue/dist/Components/AppNavigation.js 24:315-356
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/App.vue?vue&type=script&lang=js 1:0-73 11:19-32
 @ ./src/App.vue?vue&type=script&lang=js 1:0-173 1:0-173 1:174-336 1:174-336
 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
 @ ./src/main.js 24:0-24 56:13-16

ERROR in ./node_modules/vue-material-design-icons/MenuDown.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: <template functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal <template> instead.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/node_modules/vue-material-design-icons/MenuDown.vue:1:11
1  |  <template functional>
   |            ^^^^^^^^^^
2  |    <span :aria-hidden="props.decorative"
3  |          :aria-label="props.title"
 @ ./node_modules/@nextcloud/vue/dist/Components/AppNavigationItem.js 45:121-166
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/App.vue?vue&type=script&lang=js 2:0-81 12:23-40
 @ ./src/App.vue?vue&type=script&lang=js 1:0-173 1:0-173 1:174-336 1:174-336
 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
 @ ./src/main.js 24:0-24 56:13-16

ERROR in ./src/ComposeMessage.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: Invalid end tag.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/src/ComposeMessage.vue:8:66
6  |  				<div class="col-5">
7  |  					<label for="txt-order-ref">Order Reference:</label>
8  |  					<input id="txt-order-ref" v-model="message.orderReference"> </input>
   |                                                                   ^
9  |  				</div>
10 |  				<div class="col-5">
 @ ./src/main.js 25:0-46 31:13-27

ERROR in ./src/ComposeMessage.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: Invalid end tag.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/src/ComposeMessage.vue:12:70
10 |  				<div class="col-5">
11 |  					<label for="txt-due-date">InvoiceDate:</label>
12 |  					<input id="txt-due-date" v-model="message.dueDate" type="date"> </input>
   |                                                                       ^
13 |  				</div>
14 |  			</div>
 @ ./src/main.js 25:0-46 31:13-27

ERROR in ./src/ComposeMessage.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: Invalid end tag.
at /var/www/html/apps/peppol-php/nextcloud-app/peppolnext/src/ComposeMessage.vue:51:20
49 |  					<input id="txt-subject"
50 |  						v-model="message.subject"
51 |  						type="text"> </input>
   |                     ^
52 |  				</div>
53 |  			</div>
 @ ./src/main.js 25:0-46 31:13-27

ERROR in [eslint] .eslintrc.js » @nextcloud/eslint-config:
	Configuration for rule "vue/max-attributes-per-line" is invalid:
	Value {"max":1,"allowFirstLine":true} should be number.
	Value {"max":1,"allowFirstLine":true} should NOT have additional properties.
	Value {"max":1,"allowFirstLine":true} should match some schema in anyOf.

ERROR in [stylelint] 
src/App.vue
 21:75  ✖  Unknown word  CssSyntaxError

src/ComposeInvoice.vue
 18:41  ✖  Unknown word  CssSyntaxError

src/ComposeMessage.vue
 28:14  ✖  Unknown word  CssSyntaxError

src/ConnectionList.vue
 3:11  ✖  Unknown word  CssSyntaxError

src/CreateConnection.vue
 31:1  ✖  Missed semicolon  CssSyntaxError

src/InvoiceList.vue
 9:1  ✖  Unknown word  CssSyntaxError

src/MessageList.vue
 3:11  ✖  Unknown word  CssSyntaxError

src/Components/InvoiceItem.vue
 3:29  ✖  Unknown word  CssSyntaxError

src/Components/InvoiceItemList.vue
 32:34  ✖  Unknown word  CssSyntaxError

src/Components/Select2Ajax.vue
 9:1  ✖  Missed semicolon  CssSyntaxError

8 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.73.0 compiled with 10 errors and 3 warnings in 27774 ms