An open API service indexing awesome lists of open source software.

https://github.com/andy-set-studio/progressive-vue-toggle

A demo of how Vue's scoped slots can be handy for progressive enhancement
https://github.com/andy-set-studio/progressive-vue-toggle

Last synced: 2 months ago
JSON representation

A demo of how Vue's scoped slots can be handy for progressive enhancement

Awesome Lists containing this project

README

        

# Progressively enhanced toggle panel

A little demo to show how we can use [Vue Scoped Slots](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots) to progressively enhance a simple pattern. It hopefully shows how Vue can be sprinkled on existing markup, rather than having to go _all in_ and fully render the front-end with JavaScript.

**[Live demo](https://progressive-vue-toggle-panel.netlify.com/)**

![Example GIF shows content transforming when JS is enabled in a browser](https://user-images.githubusercontent.com/8672583/52409211-bf23cc00-2acc-11e9-9920-cd81924cbf57.gif)

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Run your tests

```
npm run test
```

### Lints and fixes files

```
npm run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).