egirlskey/src/client/app/common/size.ts

19 lines
357 B
TypeScript
Raw Normal View History

2019-02-15 23:51:35 +00:00
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);
}
}
}
});
}
};