This commit is contained in:
philipp lang 2022-02-12 15:19:59 +01:00
parent 5da6bd709b
commit 77408e89ff
7 changed files with 6 additions and 14 deletions

1
package-lock.json generated
View File

@ -7,6 +7,7 @@
"dependencies": {
"@inertiajs/inertia": "^0.11.0",
"@inertiajs/inertia-vue": "^0.8.0",
"lodash": "^4.17.21",
"merge": "^2.1.1",
"postcss-import": "^14.0.1",
"query-string": "^7.0.0",

View File

@ -25,6 +25,7 @@
"dependencies": {
"@inertiajs/inertia": "^0.11.0",
"@inertiajs/inertia-vue": "^0.8.0",
"lodash": "^4.17.21",
"merge": "^2.1.1",
"postcss-import": "^14.0.1",
"query-string": "^7.0.0",

4
resources/js/app.js vendored
View File

@ -31,8 +31,8 @@ new Vue({
render: h => h(InertiaApp, {
props: {
initialPage: JSON.parse(el.dataset.page),
resolveComponent: name => {
var page = require(`./views/${name}`).default;
resolveComponent: async name => {
var page = (await import(`./views/${name}`)).default;
if (page.layout === undefined) {
page.layout = AppLayout;

View File

@ -57,10 +57,6 @@ export default {
},
items: {
default: undefined
},
size: {
default: null,
type: String
}
},
computed: {

View File

@ -28,8 +28,6 @@
</template>
<script>
import mapValues from 'lodash/mapValues';
import keyBy from 'lodash/keyBy';
import map from 'lodash/map';
export default {

View File

@ -45,10 +45,6 @@ export default {
},
items: {
default: undefined
},
size: {
default: null,
type: String
}
},
computed: {

View File

@ -1,10 +1,10 @@
<template>
<div class="grid gap-2 has-contents">
<transition-group name="fadeRight" tag="div">
<div v-for="(item, index) in items" :key="'i'+index"
<div v-for="item, index in items" :key="'i'+index"
:class="`${colors[item.type].bg} ${colors[item.type].text} h-12 flex flex-col items-start justify-center shadow-2xl rounded-sm px-6`"
>
<div class="text-sm" v-for="message in item.messages" v-text="message"></div>
<div class="text-sm" v-for="message, mindex in item.messages" :key="mindex" v-text="message"></div>
</div>
</transition-group>
</div>