Responsive Website Components

I'm using this repository to experiment with building responsive Vue components with the help of the wonderous ResizeObserver. Making vue components respond to component width rather than the screen width is important due to the nature of Vue and making components that can be reusable throughout the site. This can be achieved super simply by creating a ResizeObserver during the mounting of a component.

Examples

Desktop

Mobile

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference