<p align="center">
  <a href="https://picocss.com/">
    <img src=".github/logo.svg" width="64" height="64">
  </a>
    <a href="https://vuejs.org/">
    <img src=".github/vue-logo.svg" width="64" height="64">
  </a>
</p>

<h3 align="center">Vue - Pico CSS</h3>

<p align="center">
  <strong>PicoCSS but in Vue.js</strong><br>
  <a href="https://picocss.com/#examples">Examples</a> ·
  <a href="https://picocss.com/docs/">Documentation</a>
</p>

## Set Up Vue PicoCSS


To setup PicoCSS on Vue, install it via `npm install vue-picocss`.

Lastly, replace the line `import './assets/main.css'` with `import "vue-picocss/css/pico.min.css"` on your `main.[ts,js]` file.