https://github.com/privatenumber/vue-demo-collapse

Vue component that shows a demo and a "Show Code" button to expand source code
https://github.com/privatenumber/vue-demo-collapse

Last synced: 8 months ago
JSON representation

Vue component that shows a demo and a "Show Code" button to expand source code

• Host: GitHub
• URL: https://github.com/privatenumber/vue-demo-collapse
• Owner: privatenumber
• License: mit
• Created: 2020-03-30T22:01:09.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-07-30T18:21:35.000Z (about 4 years ago)
• Last Synced: 2024-12-28T06:24:51.094Z (9 months ago)
• Language: Vue
• Size: 269 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue-demo-collapse

> Vue component that shows a demo and a "Show Code" button to expand source code



## Install

```sh

$ npm i vue-demo-collapse prismjs

```

## Usage

Create a `` component, pass your demo in and the source code for that demo wrapped in the `` component.

```vue

    

        

        

            

                

            

        

    

import { DemoCollapse, SrcFile } from 'vue-demo-collapse';

import 'vue-demo-collapse/dist/style.css'; // Import styles from vue-demo-collapse

import 'prismjs/themes/prism-coy.css'; // Import styles from prism-coy

import Demo from './Demo.vue';

export default {

    components: {

        DemoCollapse,

        SrcFile,

        Demo,

    }

};

```

## License

MIT