simple-vue-example

Project Description

This is a simple example of using StyoCSS with Vue 3.

Showcasing the following features:

• Breakpoints
• Pseudo-classes
• Theme

See the vite.config.ts file for the configuration.

See the VersionA.vue file for the example of using styo() directly in the <template>.

See the VersionB.vue file for the example of defining styles using styo() in the <script setup>, then using them in the <template>.

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Lint with ESLint

pnpm lint