vuex5 rfc,期待
https://github.com/vuejs/rfcs/pull/271
New hooks let you add custom fields to menu items
https://www.kathyisawesome.com/add-custom-fields-to-wordpress-menu-items/
A Vue3 HTMLElement Resize observer hook:
import { ref, watch, Ref } from 'vue'
import ResizeObserver from 'resize-observer-polyfill'
export interface UseResizeObserver {
width: number
height: number
top: number
left: number
element?: Element
}
export default function (elementRef: Ref<Element | null>) {
const state: Ref<UseResizeObserver> = ref({
width: NaN,
height: NaN,
top: NaN,
left: NaN,
element: undefined,
})
const ro = new ResizeObserver((entries, observer) => {
for (const entry of entries) {
const { left, top, width, height } = entry.contentRect
state.value = { width, height, top, left, element: entry.target }
}
})
watch(elementRef, (element) => {
if (element) ro.observe(element)
})
return state
}
TODO: add method of watch all inputs in one observer, maybe should use a constructor
杰哥你在吃生粽子吗
Chinese 🇨🇳 / Dictatorial Admin / Mastodon Code Contributor / 摸鱼技术布道师
Steam: https://steamcommunity.com/id/MashiroBest
Epic: https://store.epicgames.com/en-US/u/d211c824cbd94aaeba898db6bb823ff7
原批交流群:966322309