rudeshark.net/src/client/app/common/size.ts
syuilo 545e83efb1
🎨
2019-02-16 08:51:35 +09:00

19 lines
357 B
TypeScript

export default {
install(Vue) {
Vue.directive('size', {
inserted(el, binding) {
const query = binding.value;
const width = el.clientWidth;
for (const q of query) {
if (q.lt && (width <= q.lt)) {
el.classList.add(q.class);
}
if (q.gt && (width >= q.gt)) {
el.classList.add(q.class);
}
}
}
});
}
};