Declaratively apply attributes to the the document element.
Inspired by vue-global-events.
npm install vue-global-attrs --save
import GlobalAttrs from 'vue-global-attrs';
// register globally
Vue.component('GlobalAttrs', GlobalAttrs)
// or locally
export default {
components: { GlobalAttrs },
// rest of your component
}
After that you can register global attributes like this:
<GlobalAttrs
v-if="attributesConnected"
data-foo="bar"
:data-hello="'world'"
/>
These attributes are applied (reactively) to the <html>
element. The resulting DOM would look like this:
<html data-foo="bar" data-hello="world">
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.