25.01.2024・TechStuff

Shopware 6.6. + Vue 3

Fabian Blechschmidt

As written in the last blogpost, we had the problem, that we had a object chain which somewhere in between was null and therefore threw an error.

Null safe operator

In PHP I would fix the problem the null safe operator ?->. And the same exists in JavaScript: ?. .

Available in Vue 3

The good news: optional chaining is available in Vue 3! The bad news: Shopware 6.5 is bundled with Vue 2.

Shopware 6.6 comes with Vue 3

But the future will be bright: Shopware 6.6. comes with Vue 3

What can we do then?

// This is the current code

<li v-for="(doc) in item.documents" v-if="doc.config && doc.config.custom && doc.config.custom.invoiceNumber">

// And with Vue3 I expect it to be reduced to:

<li v-for="(doc) in item.documents" v-if="doc?.config?.custom?.invoiceNumber">

Other articles from this category

Magento 1: JSON in layout xml

Today I learned, one can use JSON in Magento 1’s layout xml. Tell Magento which action parameter are json and that’s it. You can tell Magento that only one parameter is json, like this. Then Magento decodes the json and uses it. I was very lucky to see it today, because I needed an array. […]

Magento 2: Use Amazon SES

This only works on Magento 2.4+ You want to use Amazon AWS Simple Email Service to send your transaction mails? It took a moment, but maybe you want to safe the struggle, let me tell you, what to configure: Go to Stores > Configuration > Advanced > System > Mail Sending Settings Configuration Value Transport […]

AWS SES Message rejected: Email address is not verified.

I configured one of our Magento 2 stage instances today to use Amazon SES to send emails instead of dumping them into mailhog. But I got the following error: Searching for the error shows that you are only allowed to send from emails which you identified and validated. That I did. I was sending from […]