Resize canvas so it doesn't look crappy

I have a canvas graph that I have wrapped in a Vue component. Now I want to make it responsive, but adding canvas { width: 100%; } makes it look really pixelated. So how do I do proper dynamic resizing? CSS or Javascript, either is fine.