Manually redraw with <script setup> Syntax?

[datWeazel]

I'm currently rewriting some old Vue components in the new <script setup> Syntax. In one of the components vue-masonry is used and this.$redrawVueMasonry() is called. Obviously this. is no longer available with <script setup> Syntax.

Is there any way to manually redraw when using the new syntax?

[shershen08]

for v3 + script setup you should be able to use

<script setup>
import {inject} from 'vue';
const redrawVueMasonry  = inject('redrawVueMasonry');
// call redrawVueMasonry()

https://github.com/shershen08/vue-masonry/blob/master/src/masonry.plugin.js#L138

[datWeazel]

Thanks for the response. Would this work with vue2.7? We are currently still on 2.7, rewriting everything with <script setup> to make migrating to Vue3 easier.

[MartinX3]

It seems not to work in 2.7
injection "redrawVueMasonry" not found.