Vue plugin and helpers useful for integrating with Django
npm install vue-plugin-django-utils> Vue plugin and helpers useful for integrating with Django, based on the techniques described in the article Django + Vue + Vite: REST Not Required and in Django Vue Cookiecutter
Add as a dependency to your Vue project, e.g.
``shell``
npm install vue-plugin-django-utils
In your Vue entrypoint(s),
`javascript
import DjangoUtilsPlugin from 'vue-plugin-django-utils'
import {convertDatasetToProps} from 'vue-plugin-django-utils'
const rootEl = document.getElementById('my-root')
if (rootEl) {
// Create app, passing the root element dataset as rootProp values
const app = createApp(MyRootComponent, convertDatasetToProps({
dataset: {...rootEl.dataset},
component: MyRootComponent
}))
// Use additional plugin capabilities, including
// 1) Django CSRF token provided as as 'csrfToken'
// 2) Provide any key-value pairs in window.vueProvided
// 3) Attached outerHTML of child elements w/ attribute data-django-slot=slotName in globalProperties.$djangoSlots
app.use(DjangoUtilsPlugin, {rootElement: rootEl})
app.mount(statusEl)
}
``
š¤ Mike Hoolehan
* Website: https://ilikerobots.github.io/
* Github: @ilikerobots
Give a āļø if this project helped you!
*
_This README was generated with ā¤ļø by readme-md-generator_