@designcrowd/library.brand-page 5.11.6 → 5.11.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.11.6",
+  "version": "5.11.7",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/mailing-list/MailingList.mixin.ts

@@ -5,6 +5,7 @@ import type { MailingListViewModel } from '../../view-models';
 import brandPageClient from '../../clients/brand-page.client';
 import { getEmailValidationError } from '../../utils';
 import type { BrandPageContext } from '../../models';
+import { mailingListTr } from '../../../composables/useTranslate';
 
 const MAX_NAME_LENGTH = 200;
 
@@ -28,6 +29,11 @@ export default defineComponent({
       required: true,
     },
   },
+  setup() {
+    return {
+      mailingListTr,
+    };
+  },
   data() {
     return {
       email: '',
@@ -37,8 +43,12 @@ export default defineComponent({
       hasSubscribed: false,
       submitError: undefined as string | undefined,
       isSubmitting: false,
+      show: false,
     };
   },
+  mounted() {
+    this.show = true;
+  },
   computed: {
     hasNameError(): boolean {
       return !!this.nameError;

package/src/brand-page/components/mailing-list/MailingList.vue

@@ -1,6 +1,7 @@
 <template>
   <section>
     <div
+      v-if="show"
       class="tw-p-4"
       :style="containerStyle"
       :class="{
@@ -71,7 +72,6 @@
 import { TextInput } from '@designcrowd/fe-shared-lib';
 import MailingListMixin from './MailingList.mixin.ts';
 import TextWrapper from '../text-wrapper/TextWrapper.vue';
-import { mailingListTr } from '../../../composables/useTranslate.ts';
 
 export default {
   components: {
@@ -79,8 +79,10 @@ export default {
     TextWrapper,
   },
   mixins: [MailingListMixin],
-  methods: {
-    mailingListTr,
+  setup() {
+    return {
+      ...MailingListMixin.setup(),
+    };
   },
 };
 </script>