├── .gitignore
├── .babelrc
├── src
├── index.js
└── VueFetchHtml.vue
├── webpack.config.js
├── package.json
├── README.md
└── dist
└── vue-fetch-html.js
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "env"
4 | ]
5 | }
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import VueFetchHtml from './VueFetchHtml.vue';
2 |
3 | export default VueFetchHtml;
4 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = {
4 | entry: "./src/index.js",
5 |
6 | output: {
7 | path: path.resolve(__dirname, "dist"),
8 | filename: "vue-fetch-html.js",
9 | library: 'vue-fetch-html',
10 | libraryTarget: 'umd',
11 | umdNamedDefine: true,
12 | },
13 |
14 | module: {
15 | rules: [
16 | {
17 | test: /\.vue$/,
18 | loader: 'vue-loader'
19 | }
20 | ]
21 | }
22 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-fetch-html",
3 | "version": "0.0.6",
4 | "description": "A simple Vue component to fetch and render html from an endpoint",
5 | "main": "dist/vue-fetch-html.js",
6 | "scripts": {
7 | "dev": "node_modules/.bin/webpack --mode=development"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "github.com/calebporzio/vue-fetch-html"
12 | },
13 | "keywords": [
14 | "vue",
15 | "fetch",
16 | "html"
17 | ],
18 | "author": "Caleb Porzio",
19 | "license": "ISC",
20 | "devDependencies": {
21 | "axios": "^0.18.0",
22 | "babel-loader": "^7.1.4",
23 | "babel-preset-env": "^1.6.1",
24 | "vue-loader": "^14.2.2",
25 | "vue-template-compiler": "^2.5.16",
26 | "webpack": "^4.6.0",
27 | "webpack-cli": "^2.0.14"
28 | },
29 | "dependencies": {}
30 | }
31 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vue-fetch-html
2 |
3 | A little component for fetching html/vue/javascript from the server.
4 |
5 | ## Installation
6 |
7 | `npm install --save-dev vue-fetch-html`
8 |
9 | Import it into an existing component:
10 | ```
11 |
20 | ```
21 |
22 | Import the component globally:
23 | ```
24 | import VueFetchHtml from 'vue-fetch-html'
25 |
26 | Vue.component('vue-fetch-html', VueFetchHtml)
27 | ```
28 |
29 | ## Usage
30 |
31 | ```
32 |
33 | // This is just a slot - use it however you want
34 |
35 |
36 | // This is also just a slot
37 |
38 |
39 | ```
40 |
--------------------------------------------------------------------------------
/src/VueFetchHtml.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |