Skip to content
This repository was archived by the owner on Feb 27, 2024. It is now read-only.

Commit 52d218c

Browse files
committed
Refactor
1 parent db7ddbb commit 52d218c

18 files changed

+213
-115
lines changed

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__1.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,16 @@
22
import { GenericSpladeComponent } from '@protonemedia/laravel-splade-core'
33
import { computed, h, ref } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
5-
65
const message = ref('Hello Vue!')
76
const reversed = computed(() => message.value.split('').reverse().join(''))
8-
97
const spladeRender = h({
108
name: 'SpladeComponentAnonymousRender',
119
components: { GenericSpladeComponent },
1210
template: spladeTemplates[props.spladeTemplateId],
1311
data: () => {
1412
return { message, reversed }
1513
},
16-
props,
14+
props: { spladeBridge: Object, spladeTemplateId: String },
1715
})
1816
</script>
19-
<template><spladeRender /></template>
17+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>
Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
<script setup>
22
import { h, ref } from 'vue'
33
const props = defineProps({ spladeTemplateId: String })
4-
54
const message = ref('Hello Included view!')
6-
75
const spladeRender = h({
86
name: 'SpladeIncludedViewRender',
97
108
template: spladeTemplates[props.spladeTemplateId],
119
data: () => {
1210
return { message }
1311
},
14-
props,
12+
props: { spladeTemplateId: String },
1513
})
1614
</script>
17-
<template><spladeRender /></template>
15+
<template><spladeRender :splade-template-id="spladeTemplateId" /></template>
Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
<script setup>
22
import { h, ref } from 'vue'
33
const props = defineProps({ spladeTemplateId: String })
4-
54
const message = ref('Hello World!')
6-
75
const spladeRender = h({
86
name: 'SpladeRegularViewRender',
97
108
template: spladeTemplates[props.spladeTemplateId],
119
data: () => {
1210
return { message }
1311
},
14-
props,
12+
props: { spladeTemplateId: String },
1513
})
1614
</script>
17-
<template><spladeRender /></template>
15+
<template><spladeRender :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__12.vue

Lines changed: 48 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,53 @@ const spladeRender = h({
3131
data: () => {
3232
return {}
3333
},
34-
props,
34+
props: {
35+
spladeBridge: Object,
36+
spladeTemplateId: String,
37+
mixed: {},
38+
string: { type: String },
39+
defaultString: { type: String },
40+
nullableString: { type: String },
41+
int: { type: Number },
42+
bool: { type: Boolean },
43+
array: { type: Array },
44+
object: { type: Object },
45+
nullableInt: { type: Number },
46+
nullableBool: { type: Boolean },
47+
nullableArray: { type: Array },
48+
nullableObject: { type: Object },
49+
defaultInt: { type: Number },
50+
defaultBool: { type: Boolean },
51+
defaultArray: { type: Array },
52+
multipleTypes: { type: [Array, String, Boolean] },
53+
renamed: { type: String },
54+
jsObject: {},
55+
dataFromMethod: { type: Array },
56+
},
3557
})
3658
</script>
37-
<template><spladeRender /></template>
59+
<template>
60+
<spladeRender
61+
:splade-bridge="spladeBridge"
62+
:splade-template-id="spladeTemplateId"
63+
:mixed="mixed"
64+
:string="string"
65+
:default-string="defaultString"
66+
:nullable-string="nullableString"
67+
:int="int"
68+
:bool="bool"
69+
:array="array"
70+
:object="object"
71+
:nullable-int="nullableInt"
72+
:nullable-bool="nullableBool"
73+
:nullable-array="nullableArray"
74+
:nullable-object="nullableObject"
75+
:default-int="defaultInt"
76+
:default-bool="defaultBool"
77+
:default-array="defaultArray"
78+
:multiple-types="multipleTypes"
79+
:renamed="renamed"
80+
:js-object="jsObject"
81+
:data-from-method="dataFromMethod"
82+
/>
83+
</template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__13.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,21 @@
22
import { GenericSpladeComponent } from '@protonemedia/laravel-splade-core'
33
import { h, ref } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
5-
65
import { Dialog, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue'
76
87
const openend = ref(false)
98
109
function show() {
1110
openend.value = true
1211
}
13-
1412
const spladeRender = h({
1513
name: 'SpladeComponentComponentImportRender',
1614
components: { GenericSpladeComponent, Dialog, DialogPanel, TransitionRoot, TransitionChild },
1715
template: spladeTemplates[props.spladeTemplateId],
1816
data: () => {
1917
return { openend, show }
2018
},
21-
props,
19+
props: { spladeBridge: Object, spladeTemplateId: String },
2220
})
2321
</script>
24-
<template><spladeRender /></template>
22+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__14.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,21 @@
22
import { GenericSpladeComponent } from '@protonemedia/laravel-splade-core'
33
import { h, markRaw, ref } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
5-
65
import { Dialog, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue'
76
87
const openend = ref(false)
98
109
function show() {
1110
openend.value = true
1211
}
13-
1412
const spladeRender = h({
1513
name: 'SpladeComponentDynamicComponentImportRender',
1614
components: { GenericSpladeComponent, Dialog, DialogPanel },
1715
template: spladeTemplates[props.spladeTemplateId],
1816
data: () => {
1917
return { openend, show, TransitionRoot: markRaw(TransitionRoot), TransitionChild: markRaw(TransitionChild) }
2018
},
21-
props,
19+
props: { spladeBridge: Object, spladeTemplateId: String },
2220
})
2321
</script>
24-
<template><spladeRender /></template>
22+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__2.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,21 @@ const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
55
const _spladeBridgeState = ref(props.spladeBridge)
66
const execute = BladeComponent.asyncComponentMethod('execute', _spladeBridgeState)
77
const sleep = BladeComponent.asyncComponentMethod('sleep', _spladeBridgeState)
8-
98
const response = ref('-')
109
1110
const executeWithCallback = () => {
1211
execute(new Date()).then((data) => {
1312
response.value = data.data.response
1413
})
1514
}
16-
1715
const spladeRender = h({
1816
name: 'SpladeComponentBladeMethodRender',
1917
components: { GenericSpladeComponent },
2018
template: spladeTemplates[props.spladeTemplateId],
2119
data: () => {
2220
return { executeWithCallback, response, execute, sleep }
2321
},
24-
props,
22+
props: { spladeBridge: Object, spladeTemplateId: String },
2523
})
2624
</script>
27-
<template><spladeRender /></template>
25+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__3.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
55
const _spladeBridgeState = ref(props.spladeBridge)
66
const execute = BladeComponent.asyncComponentMethod('execute', _spladeBridgeState)
77
const fail = BladeComponent.asyncComponentMethod('fail', _spladeBridgeState)
8-
98
const response = ref('-')
109
1110
execute.before((data) => {
@@ -19,15 +18,14 @@ execute.then((data) => {
1918
fail.catch((data) => {
2019
response.value = 'no!'
2120
})
22-
2321
const spladeRender = h({
2422
name: 'SpladeComponentBladeMethodCallbacksRender',
2523
components: { GenericSpladeComponent },
2624
template: spladeTemplates[props.spladeTemplateId],
2725
data: () => {
2826
return { response, execute, fail }
2927
},
30-
props,
28+
props: { spladeBridge: Object, spladeTemplateId: String },
3129
})
3230
</script>
33-
<template><spladeRender /></template>
31+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__4.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const spladeRender = h({
1919
data: () => {
2020
return { message, setMessage }
2121
},
22-
props,
22+
props: { spladeBridge: Object, spladeTemplateId: String },
2323
})
2424
</script>
25-
<template><spladeRender /></template>
25+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__5.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import { h, onMounted } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String, modelValue: {} })
55
const $refs = {}
66
const setSpladeRef = (key, value) => ($refs[key] = value)
7-
87
import flatpickr from 'flatpickr'
98
109
const emit = defineEmits(['update:modelValue'])
@@ -18,15 +17,16 @@ onMounted(() => {
1817
1918
instance.setDate(props.modelValue)
2019
})
21-
2220
const spladeRender = h({
2321
name: 'SpladeComponentDatePickerRender',
2422
components: { GenericSpladeComponent },
2523
template: spladeTemplates[props.spladeTemplateId],
2624
data: () => {
2725
return { emit, setSpladeRef }
2826
},
29-
props,
27+
props: { spladeBridge: Object, spladeTemplateId: String, modelValue: {} },
3028
})
3129
</script>
32-
<template><spladeRender /></template>
30+
<template>
31+
<spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" :model-value="modelValue" />
32+
</template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__6.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,19 @@
22
import { GenericSpladeComponent } from '@protonemedia/laravel-splade-core'
33
import { h, ref } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
5-
65
const form = ref({
76
package: 'Splade',
87
framework: 'laravel',
98
date: '2021-01-01',
109
})
11-
1210
const spladeRender = h({
1311
name: 'SpladeComponentFormRender',
1412
components: { GenericSpladeComponent },
1513
template: spladeTemplates[props.spladeTemplateId],
1614
data: () => {
1715
return { form }
1816
},
19-
props,
17+
props: { spladeBridge: Object, spladeTemplateId: String },
2018
})
2119
</script>
22-
<template><spladeRender /></template>
20+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__7.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
55
const _spladeBridgeState = ref(props.spladeBridge)
66
const _spladeTemplateBus = inject('$spladeTemplateBus')
77
const refreshComponent = BladeComponent.asyncRefreshComponent(_spladeBridgeState, _spladeTemplateBus)
8-
98
const spladeRender = h({
109
inheritAttrs: false,
1110
name: 'SpladeComponentTimeRender',
@@ -14,7 +13,7 @@ const spladeRender = h({
1413
data: () => {
1514
return { refreshComponent }
1615
},
17-
props,
16+
props: { spladeBridge: Object, spladeTemplateId: String },
1817
})
1918
</script>
20-
<template><spladeRender /></template>
19+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__8.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
55
const _spladeBridgeState = ref(props.spladeBridge)
66
const _spladeTemplateBus = inject('$spladeTemplateBus')
77
const refreshComponent = BladeComponent.asyncRefreshComponent(_spladeBridgeState, _spladeTemplateBus)
8-
98
const status = ref('idle')
109
1110
refreshComponent.before(() => {
@@ -19,15 +18,14 @@ refreshComponent.then(() => {
1918
refreshComponent.finally(() => {
2019
console.log('finally refreshed')
2120
})
22-
2321
const spladeRender = h({
2422
name: 'SpladeComponentTimeStateRender',
2523
components: { GenericSpladeComponent },
2624
template: spladeTemplates[props.spladeTemplateId],
2725
data: () => {
2826
return { status, refreshComponent }
2927
},
30-
props,
28+
props: { spladeBridge: Object, spladeTemplateId: String },
3129
})
3230
</script>
33-
<template><spladeRender /></template>
31+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

app/tests/Unit/Console/__snapshots__/BuildComponentsTest__it_builds_the_components__9.vue

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,16 @@
22
import { GenericSpladeComponent } from '@protonemedia/laravel-splade-core'
33
import { computed, h, ref } from 'vue'
44
const props = defineProps({ spladeBridge: Object, spladeTemplateId: String })
5-
65
const message = ref('Hello Vue!')
76
const uppercase = computed(() => message.value.toUpperCase())
8-
97
const spladeRender = h({
108
name: 'SpladeComponentTwoWayBindingRender',
119
components: { GenericSpladeComponent },
1210
template: spladeTemplates[props.spladeTemplateId],
1311
data: () => {
1412
return { message, uppercase }
1513
},
16-
props,
14+
props: { spladeBridge: Object, spladeTemplateId: String },
1715
})
1816
</script>
19-
<template><spladeRender /></template>
17+
<template><spladeRender :splade-bridge="spladeBridge" :splade-template-id="spladeTemplateId" /></template>

0 commit comments

Comments
 (0)