Vue-global-attrs NPM

vue-global-attrs

Declaratively apply attributes to the the document element.

Installation

npm install vue-global-attrs --save

Usage

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">

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

@infinitebrahmanuniverse/nolb-vue-g @everything-registry/sub-chunk-3081

0.1.0

3 years ago