[DRAFT] fix: :initial variant style not applied during SSR using v-motion

[BobbieGoede]

🔗 Linked issue

• SSR doesn't seem to work as intended #58

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSDoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

I spent some time updating https://github.com/intlify/vue-i18n-extensions and tried to see what I could from it at the same time.

This PR adds a directive transform to extract the style provided in :initial and bind it to the element during SSR, since there isn't really any documentation on writing a directive transform this was mostly trial and error to see what worked, while the code looks sloppy this does seem to work with my initial tests.

The implementation so far is still a work in progress as it doesn't handle the shorthand properties (such as x, y, etc.) that we normally support. Ideally I can add tests as well but setting up tests for SSR will probably be a challenge on its own, perhaps I can test the transform in isolation like https://github.com/intlify/vue-i18n-extensions does instead.

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.