initial commit

Author: nerdoc

.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,69 @@
+# vue-extensions
+
+This library is a Vue.js plugin which creates a component which acts as extension point, with a named "hook". Plugins can then provide plugin components for this extension point which are automatically found and rendered replacing the extension.
+
+## Usage
+```javascript
+// main.js
+import Extensions from 'vue-extensions'
+import foo from './plugins/foo'
+
+Vue.use(Extensions, {plugins: {foo}})
+
+new Vue({
+    // ...
+})
+```
+
+This is all you need for having now an `<extension>` tag available anywhere:
+
+```html
+<template>
+    <ul>
+        <extension hook="my-list-element">
+    </ul>
+</template>
+```
+
+Now, in plugins/foo.js:
+
+```
+import FooListElement from './components/list_element'
+
+export default {
+    hooks: {
+        "my-list-element": FooListElement
+        "blah-another-hook": [FooElement, BazElement]
+    }
+}
+```
+
+vue-extensions finds this file and renders the two elements instead of the <extension> element. You have to make sure that your components do what they promise: in this case, FooListElement should render a <li> element containing some things.
+
+### Project setup
+```
+npm install
+```
+
+#### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+#### Compiles and minifies library for production
+```
+npm run build-lib
+```
+
+#### Run your tests
+```
+npm run test
+```
+
+#### Lints and fixes files
+```
+npm run lint
+```
+
+#### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}