motion-v
Version:
<p align="center"> <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" /> </p> <h1 align="center">Motion for Vue</h1>
23 lines (22 loc) • 589 B
JavaScript
import { getMotionElement } from "../components/hooks/use-motion-elm.mjs";
import { ref } from "vue";
function useDomRef() {
const dom = ref(null);
const domProxy = new Proxy(dom, {
get(target, key) {
if (typeof key === "string" || typeof key === "symbol") {
return Reflect.get(target, key);
}
return void 0;
},
set(target, key, value) {
if (key === "value")
return Reflect.set(target, key, getMotionElement((value == null ? void 0 : value.$el) || value));
return true;
}
});
return domProxy;
}
export {
useDomRef
};