Code Monkey home page Code Monkey logo

Comments (4)

didavid61202 avatar didavid61202 commented on August 16, 2024 1

@boydenhartog I think the doc might have been changed and us outdated. After looking at useSpring's implementation, I think you can try using it like this: stackblitz demo with Nuxt 3

from motion.

blisst avatar blisst commented on August 16, 2024 1

I updated @didavid61202 's great work to use the reactiveTransform composable from Vue Motion. That made a bit more sense to me and I'm guessing that's how the authors of this library intended it to be used?

Basically reactiveTransform outputs a state variable which useSpring can animate, which is then tied to a transform reactive variable which can then be bound to the actual element's style.

https://stackblitz.com/edit/nuxt-starter-vujfqb?file=app.vue

from motion.

fgd007 avatar fgd007 commented on August 16, 2024

The example in the docs is still not working 1.5 years in

from motion.

BobbieGoede avatar BobbieGoede commented on August 16, 2024

Resolved by #181

from motion.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.