Class not merged in rendering stage

[Triloworld]

We have error and we investigate to have option for using this module.
Consider this scenario:

• We added properly module
• Add lazy hydration importing in components
• Our component initiation:

      <section_two_column
        class="px-[10%]"
        :full-img="true"
      />

• Our component xyz.vue with name is section_two_column start definition (part):

<template>
  <section
    v-bind="$attrs"
    class="bg-white relative w-full pb-8 tablet-wide:pb-14 pt-10 tablet-wide:pt-16 text-gray-dark"
  >
...
 </section>
</template>

• Our generation is completed and no error
• We see that px-[10%] aren't added to code on server side. Hydration if done then it will show up.
  So from pages to components there aren't inject of class. We have and don't have v-bind so it won't help either.
  We have initiation with dynamic class but that won't work either too.
  Issue only show with this module - we use <LazyHydrate> from vue-lazy-hydration before apply and was working

I propose to check maybe here:
https://github.com/GrabarzUndPartner/nuxt-speedkit/blob/b26fb8c6e3c29ed400cd8b940bfb445527e10b65/lib/hydrate.js#L14-L22

[Triloworld]

This is same error like here with pull request: maoberlehner/vue-lazy-hydration#50
Patch is needed