---
title: window-plugin
url: 'https://www.twelvetone.tv/docs/developer-tools/vue-plugins/windowplugin'
markdown: 'https://www.twelvetone.tv/docs/developer-tools/vue-plugins/windowplugin.md'
date: '2026-09-25'
description: 'The Vue WindowPlugin adds $window and $document DOM objects to each Vue component. This is helpful when accessing the DOM from attribute templates, allowing you to call DOM methods without having to declare a method in your component. window-plugin on NPM'
taxonomy:
  category:
    - docs
  devtype:
    - isc
---

# window-plugin

[](#)  [ Home ](https://www.twelvetone.tv/docs/)     [ Developer Tools ](https://www.twelvetone.tv/docs/developer-tools)     [ Vue Plugins ](https://www.twelvetone.tv/docs/developer-tools/vue-plugins)      window-plugin    

The Vue WindowPlugin adds *$window* and *$document* DOM objects to each Vue component. This is helpful when accessing the DOM from attribute templates, allowing you to call DOM methods without having to declare a method in your component.

[window-plugin on NPM](https://www.npmjs.com/package/window-plugin)

 [ ](https://www.twelvetone.tv/docs/developer-tools/vue-plugins/dot-path-mutations) [](https://www.twelvetone.tv/docs/developer-tools/vue-plugins/v-scroll-indicator)

---

## Navigation

- Parent: [Vue Plugins](https://www.twelvetone.tv/docs/developer-tools/vue-plugins.md)
- Previous: [Dot Path Mutations](https://www.twelvetone.tv/docs/developer-tools/vue-plugins/dot-path-mutations.md)
- Next: [v-scroll-indicator](https://www.twelvetone.tv/docs/developer-tools/vue-plugins/v-scroll-indicator.md)