@designcrowd/fe-shared-lib 1.5.32-ast-dbc-4 → 1.5.32-ast-website-rename-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -0
- package/package.json +1 -1
- package/src/atoms/components/BrandNameEditor/BrandNameEditor.stories.js +75 -0
- package/src/atoms/components/BrandNameEditor/BrandNameEditor.vue +140 -0
- package/src/bundles/bundled-translations.json +1 -2
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json +8 -8
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json +8 -8
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json +8 -8
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json +8 -8
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json +8 -8
- package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json +8 -8
- package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +0 -6
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json +1 -2
- package/src/experiences/components/PublishBrandPageModal/views/PublishedView.vue +13 -32
package/index.js
CHANGED
|
@@ -23,6 +23,7 @@ export { WEBSITE_UPGRADE_CONTEXT_TYPES } from './src/experiences/models/websiteC
|
|
|
23
23
|
|
|
24
24
|
export { setSharedLibLocaleAsync, tr } from './src/useSharedLibTranslate';
|
|
25
25
|
|
|
26
|
+
export { default as BrandNameEditor } from './src/atoms/components/BrandNameEditor/BrandNameEditor.vue';
|
|
26
27
|
export { default as Button } from './src/atoms/components/Button/Button.vue';
|
|
27
28
|
export { default as ButtonGroup } from './src/atoms/components/ButtonGroup/ButtonGroup.vue';
|
|
28
29
|
export { default as Dropdown } from './src/atoms/components/Dropdown/Dropdown.vue';
|
package/package.json
CHANGED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import BrandNameEditor from './BrandNameEditor.vue';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/Brand Name Editor',
|
|
5
|
+
component: BrandNameEditor,
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
const data = {
|
|
9
|
+
components: {
|
|
10
|
+
BrandNameEditor,
|
|
11
|
+
},
|
|
12
|
+
data() {
|
|
13
|
+
return {
|
|
14
|
+
value: 'My Website',
|
|
15
|
+
};
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export const Default = () => {
|
|
20
|
+
return {
|
|
21
|
+
...data,
|
|
22
|
+
template: `
|
|
23
|
+
<div class="tw-bg-gray-800 tw-p-4">
|
|
24
|
+
<BrandNameEditor v-model="value" />
|
|
25
|
+
</div>
|
|
26
|
+
`,
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export const DarkMode = () => {
|
|
31
|
+
return {
|
|
32
|
+
...data,
|
|
33
|
+
template: `
|
|
34
|
+
<div class="tw-bg-gray-800 tw-p-4">
|
|
35
|
+
<BrandNameEditor v-model="value" :dark-mode="true" />
|
|
36
|
+
</div>
|
|
37
|
+
`,
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export const WithPlaceholder = () => {
|
|
42
|
+
return {
|
|
43
|
+
components: {
|
|
44
|
+
BrandNameEditor,
|
|
45
|
+
},
|
|
46
|
+
data() {
|
|
47
|
+
return {
|
|
48
|
+
value: '',
|
|
49
|
+
};
|
|
50
|
+
},
|
|
51
|
+
template: `
|
|
52
|
+
<div class="tw-bg-gray-800 tw-p-4">
|
|
53
|
+
<BrandNameEditor v-model="value" :dark-mode="true" placeholder="Enter website name..." />
|
|
54
|
+
</div>
|
|
55
|
+
`,
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
export const Empty = () => {
|
|
60
|
+
return {
|
|
61
|
+
components: {
|
|
62
|
+
BrandNameEditor,
|
|
63
|
+
},
|
|
64
|
+
data() {
|
|
65
|
+
return {
|
|
66
|
+
value: '',
|
|
67
|
+
};
|
|
68
|
+
},
|
|
69
|
+
template: `
|
|
70
|
+
<div class="tw-bg-gray-800 tw-p-4">
|
|
71
|
+
<BrandNameEditor v-model="value" />
|
|
72
|
+
</div>
|
|
73
|
+
`,
|
|
74
|
+
};
|
|
75
|
+
};
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
data-component="brand-name-editor"
|
|
4
|
+
class="tw-relative tw-flex tw-gap-2 tw-flex-grow tw-items-center"
|
|
5
|
+
:class="{
|
|
6
|
+
'tw-text-white': darkMode,
|
|
7
|
+
'tw-text-black': !darkMode,
|
|
8
|
+
}"
|
|
9
|
+
>
|
|
10
|
+
<button
|
|
11
|
+
v-if="displayMode"
|
|
12
|
+
class="dynamic-width-input tw-truncate tw-border-transparent tw-bg-transparent tw-px-2 tw-font-bold"
|
|
13
|
+
@click="onEditClick"
|
|
14
|
+
>
|
|
15
|
+
{{ modelValue?.trim() || placeholder }}
|
|
16
|
+
</button>
|
|
17
|
+
<input
|
|
18
|
+
v-if="!displayMode"
|
|
19
|
+
ref="brandNameInput"
|
|
20
|
+
:value="modelValue"
|
|
21
|
+
type="text"
|
|
22
|
+
:maxlength="maxLength"
|
|
23
|
+
class="dynamic-width-input tw-px-2 tw-bg-transparent"
|
|
24
|
+
:class="{
|
|
25
|
+
'focus:tw-shadow-md': darkMode,
|
|
26
|
+
'focus:tw-border-error-500': isAtLimit,
|
|
27
|
+
'focus:tw-border-white': isAtLimit,
|
|
28
|
+
}"
|
|
29
|
+
:placeholder="placeholder"
|
|
30
|
+
@input="onInput"
|
|
31
|
+
@blur="save"
|
|
32
|
+
@focus="focus"
|
|
33
|
+
@keyup.enter="($event.target as HTMLInputElement).blur()"
|
|
34
|
+
@keyup.esc="revert"
|
|
35
|
+
/>
|
|
36
|
+
<span
|
|
37
|
+
ref="textWidthSpan"
|
|
38
|
+
class="tw-absolute tw-invisible tw-max-w-full -tw-z-50 tw-top-4 tw-left-4 tw-whitespace-nowrap tw-pointer-events-none dynamic-width-input"
|
|
39
|
+
>
|
|
40
|
+
{{ modelValue.replace(/ /g, ' ') }}
|
|
41
|
+
</span>
|
|
42
|
+
<Button icon="Edit" variant="no-border" :white="darkMode" icon-size="sm" @on-click="onPencilIconClick" />
|
|
43
|
+
</div>
|
|
44
|
+
</template>
|
|
45
|
+
|
|
46
|
+
<script setup lang="ts">
|
|
47
|
+
import { ref, computed, watch, nextTick, onMounted } from 'vue';
|
|
48
|
+
import Button from '../Button/Button.vue';
|
|
49
|
+
|
|
50
|
+
const props = withDefaults(
|
|
51
|
+
defineProps<{
|
|
52
|
+
modelValue: string;
|
|
53
|
+
darkMode?: boolean;
|
|
54
|
+
placeholder?: string;
|
|
55
|
+
maxLength?: number;
|
|
56
|
+
}>(),
|
|
57
|
+
{
|
|
58
|
+
darkMode: false,
|
|
59
|
+
placeholder: '',
|
|
60
|
+
maxLength: 100,
|
|
61
|
+
},
|
|
62
|
+
);
|
|
63
|
+
|
|
64
|
+
const emit = defineEmits<{
|
|
65
|
+
'update:model-value': [value: string];
|
|
66
|
+
save: [];
|
|
67
|
+
}>();
|
|
68
|
+
|
|
69
|
+
const isAtLimit = computed(() => props.modelValue.length >= props.maxLength);
|
|
70
|
+
|
|
71
|
+
const brandNameInput = ref<HTMLInputElement | null>(null);
|
|
72
|
+
const textWidthSpan = ref<HTMLSpanElement | null>(null);
|
|
73
|
+
const displayMode = ref(true);
|
|
74
|
+
const revertValue = ref(props.modelValue);
|
|
75
|
+
const inputOffsetPx = 22;
|
|
76
|
+
|
|
77
|
+
function resizeInput() {
|
|
78
|
+
nextTick(() => {
|
|
79
|
+
if (props.modelValue && brandNameInput.value && textWidthSpan.value) {
|
|
80
|
+
brandNameInput.value.style.width = `${textWidthSpan.value.offsetWidth + inputOffsetPx}px`;
|
|
81
|
+
} else if (brandNameInput.value) {
|
|
82
|
+
brandNameInput.value.style.width = 'auto';
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
watch(() => displayMode.value, resizeInput);
|
|
88
|
+
watch(() => props.modelValue, resizeInput);
|
|
89
|
+
|
|
90
|
+
onMounted(() => {
|
|
91
|
+
nextTick(() => {
|
|
92
|
+
revertValue.value = props.modelValue;
|
|
93
|
+
resizeInput();
|
|
94
|
+
});
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
function focus() {
|
|
98
|
+
displayMode.value = false;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
function save() {
|
|
102
|
+
displayMode.value = true;
|
|
103
|
+
if (props.modelValue.trim() === '' || props.modelValue !== revertValue.value) {
|
|
104
|
+
emit('save');
|
|
105
|
+
revertValue.value = props.modelValue;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
function revert() {
|
|
110
|
+
emit('update:model-value', revertValue.value);
|
|
111
|
+
brandNameInput.value?.blur();
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
function onInput(event: Event) {
|
|
115
|
+
emit('update:model-value', (event.target as HTMLInputElement).value);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
function onEditClick() {
|
|
119
|
+
displayMode.value = !displayMode.value;
|
|
120
|
+
if (!displayMode.value) {
|
|
121
|
+
nextTick(() => {
|
|
122
|
+
brandNameInput.value?.focus();
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
function onPencilIconClick() {
|
|
128
|
+
onEditClick();
|
|
129
|
+
}
|
|
130
|
+
</script>
|
|
131
|
+
<style scoped>
|
|
132
|
+
.dynamic-width-input {
|
|
133
|
+
@apply tw-border tw-outline-none tw-truncate tw-rounded tw-w-auto tw-py-0.5 tw-my-auto tw-text-base tw-text-white tw-max-w-xs;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
input.dynamic-width-input:focus {
|
|
137
|
+
-webkit-box-shadow: 0 0 5px #d1d1d1;
|
|
138
|
+
box-shadow: 0 0 5px #d1d1d1;
|
|
139
|
+
}
|
|
140
|
+
</style>
|
|
@@ -34,8 +34,7 @@
|
|
|
34
34
|
"websiteFriendlyName": "Website",
|
|
35
35
|
"digitalBusinessCardFriendlyName": "Digital Business Card",
|
|
36
36
|
"alreadyHaveADomainLabel": "Already have a domain?",
|
|
37
|
-
"useExistingDomainLabel": "Use my existing domain"
|
|
38
|
-
"createTeamCardsLabel": "Create Team Cards"
|
|
37
|
+
"useExistingDomainLabel": "Use my existing domain"
|
|
39
38
|
},
|
|
40
39
|
"sellDomainNameList": {
|
|
41
40
|
"freeDomainButtonLabel": "Free Domain",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Das Onboarding wurde noch nicht abgeschlossen.",
|
|
4
|
+
"pendingVerification": "Ausstehende Verifizierung",
|
|
5
|
+
"connected": "Verbunden",
|
|
6
|
+
"inactive": "Inaktiv",
|
|
7
|
+
"addPaymentProvider": "Zahlungsanbieter hinzufügen",
|
|
8
|
+
"deletePaymentMethod": "Zahlungsmethode löschen",
|
|
9
|
+
"currencyLabel": "Währung"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Incorporación incompleta",
|
|
4
|
+
"pendingVerification": "Pendiente de verificación",
|
|
5
|
+
"connected": "Conectado",
|
|
6
|
+
"inactive": "Inactivo",
|
|
7
|
+
"addPaymentProvider": "Añadir proveedor de pago",
|
|
8
|
+
"deletePaymentMethod": "Eliminar método de pago",
|
|
9
|
+
"currencyLabel": "Moneda"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Inscription incomplète",
|
|
4
|
+
"pendingVerification": "Vérification en attente",
|
|
5
|
+
"connected": "Connecté",
|
|
6
|
+
"inactive": "Inactif",
|
|
7
|
+
"addPaymentProvider": "Ajouter un fournisseur de paiement",
|
|
8
|
+
"deletePaymentMethod": "Supprimer le mode de paiement",
|
|
9
|
+
"currencyLabel": "Devise"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Inscription incomplète",
|
|
4
|
+
"pendingVerification": "Vérification en attente",
|
|
5
|
+
"connected": "Connecté",
|
|
6
|
+
"inactive": "Inactif",
|
|
7
|
+
"addPaymentProvider": "Ajouter un fournisseur de paiement",
|
|
8
|
+
"deletePaymentMethod": "Supprimer le mode de paiement",
|
|
9
|
+
"currencyLabel": "Devise"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Integração incompleta",
|
|
4
|
+
"pendingVerification": "Verificação Pendente",
|
|
5
|
+
"connected": "Conectado",
|
|
6
|
+
"inactive": "Inativo",
|
|
7
|
+
"addPaymentProvider": "Adicionar fornecedor de pagamentos",
|
|
8
|
+
"deletePaymentMethod": "Excluir método de pagamento",
|
|
9
|
+
"currencyLabel": "Moeda"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"sharedPaymentConfig"
|
|
3
|
-
"onboardingIncomplete"
|
|
4
|
-
"pendingVerification"
|
|
5
|
-
"connected"
|
|
6
|
-
"inactive"
|
|
7
|
-
"addPaymentProvider"
|
|
8
|
-
"deletePaymentMethod"
|
|
9
|
-
"currencyLabel"
|
|
2
|
+
"sharedPaymentConfig": {
|
|
3
|
+
"onboardingIncomplete": "Integração incompleta",
|
|
4
|
+
"pendingVerification": "Verificação Pendente",
|
|
5
|
+
"connected": "Ligado",
|
|
6
|
+
"inactive": "Inativo",
|
|
7
|
+
"addPaymentProvider": "Adicionar fornecedor de pagamentos",
|
|
8
|
+
"deletePaymentMethod": "Eliminar método de pagamento",
|
|
9
|
+
"currencyLabel": "Moeda"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -92,13 +92,11 @@
|
|
|
92
92
|
:has-purchased-domain="hasPurchasedDomains"
|
|
93
93
|
:show-upsell-rotation-container="showUpsellRotationContainer"
|
|
94
94
|
:user-currency="userCurrency"
|
|
95
|
-
:brand-page-type="brandPageType"
|
|
96
95
|
@copy-url-clicked="onCopyUrlClick"
|
|
97
96
|
@on-brand-page-url-click="onBrandPageUrlClick"
|
|
98
97
|
@on-view-more-domains="onViewMore"
|
|
99
98
|
@on-buy-now-clicked="onBuyNowClick"
|
|
100
99
|
@on-search-text-changed="onSearchTextChanged"
|
|
101
|
-
@on-create-team-cards-click="onCreateTeamCardsClick"
|
|
102
100
|
>
|
|
103
101
|
<template #upsellContainer>
|
|
104
102
|
<slot name="upsellContainer" />
|
|
@@ -291,7 +289,6 @@ export default {
|
|
|
291
289
|
'on-slug-changed',
|
|
292
290
|
'on-show-domain-modal',
|
|
293
291
|
'on-use-existing-domain',
|
|
294
|
-
'on-create-team-cards-click',
|
|
295
292
|
],
|
|
296
293
|
setup() {
|
|
297
294
|
return {
|
|
@@ -410,9 +407,6 @@ export default {
|
|
|
410
407
|
onBrandPageUrlClick(newVal) {
|
|
411
408
|
this.$emit('on-brand-page-url-click', newVal);
|
|
412
409
|
},
|
|
413
|
-
onCreateTeamCardsClick() {
|
|
414
|
-
this.$emit('on-create-team-cards-click');
|
|
415
|
-
},
|
|
416
410
|
onBuyNow(newVal) {
|
|
417
411
|
this.$emit('on-buy-now-clicked', newVal);
|
|
418
412
|
},
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
"websiteFriendlyName": "Website",
|
|
22
22
|
"digitalBusinessCardFriendlyName": "Digital Business Card",
|
|
23
23
|
"alreadyHaveADomainLabel": "Already have a domain?",
|
|
24
|
-
"useExistingDomainLabel": "Use my existing domain"
|
|
25
|
-
"createTeamCardsLabel": "Create Team Cards"
|
|
24
|
+
"useExistingDomainLabel": "Use my existing domain"
|
|
26
25
|
}
|
|
27
26
|
}
|
|
@@ -24,28 +24,19 @@
|
|
|
24
24
|
data-test-brand-page-copy-input
|
|
25
25
|
@on-click="onCopyUrlClick"
|
|
26
26
|
/>
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
size="medium"
|
|
41
|
-
icon-view-box="0 0 24 24"
|
|
42
|
-
target="_blank"
|
|
43
|
-
rel="noopener noreferrer"
|
|
44
|
-
:url="brandPageUrl"
|
|
45
|
-
:full-width="isMobile"
|
|
46
|
-
@on-click="onBrandPageUrlClick"
|
|
47
|
-
/>
|
|
48
|
-
</div>
|
|
27
|
+
<Button
|
|
28
|
+
:label="viewMyWebsiteLabel"
|
|
29
|
+
:variant="isDesignCom ? 'primary' : 'primary-with-icon'"
|
|
30
|
+
icon="chevron-right-wide"
|
|
31
|
+
size="medium"
|
|
32
|
+
icon-view-box="0 0 24 24"
|
|
33
|
+
class="tw-my-4"
|
|
34
|
+
target="_blank"
|
|
35
|
+
rel="noopener noreferrer"
|
|
36
|
+
:url="brandPageUrl"
|
|
37
|
+
:full-width="isMobile"
|
|
38
|
+
@on-click="onBrandPageUrlClick"
|
|
39
|
+
/>
|
|
49
40
|
</div>
|
|
50
41
|
<div v-if="showUpsellRotationContainer" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
|
|
51
42
|
<slot name="upsellContainer" />
|
|
@@ -114,11 +105,6 @@ export default {
|
|
|
114
105
|
required: true,
|
|
115
106
|
default: undefined,
|
|
116
107
|
},
|
|
117
|
-
brandPageType: {
|
|
118
|
-
type: String,
|
|
119
|
-
required: false,
|
|
120
|
-
default: '',
|
|
121
|
-
},
|
|
122
108
|
},
|
|
123
109
|
emits: [
|
|
124
110
|
'copy-url-clicked',
|
|
@@ -126,7 +112,6 @@ export default {
|
|
|
126
112
|
'on-view-more-domains',
|
|
127
113
|
'on-buy-now-clicked',
|
|
128
114
|
'on-search-text-changed',
|
|
129
|
-
'on-create-team-cards-click',
|
|
130
115
|
],
|
|
131
116
|
setup() {
|
|
132
117
|
return {
|
|
@@ -134,7 +119,6 @@ export default {
|
|
|
134
119
|
publishBrandPageModalTr,
|
|
135
120
|
copyLabel: publishBrandPageModalTr('copyLabel'),
|
|
136
121
|
copySuccessLabel: publishBrandPageModalTr('copySuccessLabel'),
|
|
137
|
-
createTeamCardsLabel: publishBrandPageModalTr('createTeamCardsLabel'),
|
|
138
122
|
};
|
|
139
123
|
},
|
|
140
124
|
computed: {
|
|
@@ -160,9 +144,6 @@ export default {
|
|
|
160
144
|
onBuyNowClick() {
|
|
161
145
|
this.$emit('on-buy-now-clicked');
|
|
162
146
|
},
|
|
163
|
-
onCreateTeamCardsClick() {
|
|
164
|
-
this.$emit('on-create-team-cards-click');
|
|
165
|
-
},
|
|
166
147
|
},
|
|
167
148
|
};
|
|
168
149
|
</script>
|