@hoksi/vueresizer

import  Resizer  from  "@hoksi/vueresizer";
components:{Resizer}
<template>
    <resizer :minvalue="100" :maxvalue="500" direction="top" color="#666">
	    <div>your content here</div>
    </resizer>
</template>

initvalue: { default: 300 },
minvalue: { default: 150 },
maxvalue: { default: 450 },
direction: { default: "right" },
thickness: { default: 10 },
staticcolor: { default: null },
hovercolor: { default: "#444" },
draggingcolor: { default: "#222" },
localstoragekey: { default: null }