feat: Vue AFM bridge

[aryan02420]

Hey, awesome project! 🎉

I wanted to create some custom widgets using Vue, and since you already have packages for React and Svelte, I decided to contribute the Vue binding code.

The API of the Vue binding is very similar to the @anywidget/react package. The major difference is that instead of returning a getter-setter pair from useModelState, we return a ShallowRef which can be mutated directly (eg. value++). This is more idiomatic to Vue's reactivity system.

Current Status

I haven't figured out how to get HMR to work, so for now, you’ll need to restart the kernel for updated JS/CSS files to be picked up. If this can be addressed in a patch release, great! Otherwise, I’ll revisit it in a few days to troubleshoot further.

Demo

You can check out a demo of this package on the branch aryan02420:demo/vue-bridge.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 16c0999

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR