vue-script-component/README.md

A vuejs component to easily load scripts as a vue component

# Vue Script Component
A component to enable scripts to be loaded within the template tags of a .vue file.

Since I couldn't find a generic VueJS component to load ads, I made my own. While this component was initially built to load third-party ads, it should be able to load any javascript your pretty little hearts desire.

## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Demo](#demo)

## Installation

``` bash
npm install vue-script-component
```

## Usage

Find a *.vue file that you want to load a script in, and...
``` vue
<template>
    <div>
        <VueScriptComponent script='<script type="text/javascript"> alert("Peekaboo!"); </script>'/>
    <div>
</template>

<script>
import VueScriptComponent from 'vue-script-component'

export default {
  ...
  components: {
    ...
    VueScriptComponent
  }
  ...
}
</script>

```

## Demo

You can find this approach being used in one of my websites https://imgsurv.com . It's a temporary image hosting site to help share images between people no matter the platform. The ads shown on the site are from Propeller at the time of writing.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.