Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Can I integrate Filament with other Vue.js plugins
    Filament Vue.js integration Vue.js plugins Livewire third-party plugins custom integration Filament documentation community support


Can I integrate Filament with other Vue.js plugins


Yes, it is possible to integrate Filament with other Vue.js plugins, though the level of integration and support may vary:

1. Vue.js Plugins: Filament is primarily designed to work with Livewire, but you can use Vue.js plugins alongside Filament. The Filament documentation mentions that you can use Vue.js components in Filament, though it may require some additional setup and configuration.[1]

2. Third-Party Integrations: There are some third-party plugins and packages that aim to make it easier to use Vue.js with Filament. For example, the Versionable plugin by Mansoor Khan provides an integration between Filament and the Splade Vue components.[2]

3. Community Efforts: The Filament community has discussed the possibility of adding official Vue.js support. In a GitHub discussion, a Filament maintainer mentioned that they are open to exploring Vue.js integration, but the primary focus is on Livewire.[3]

4. Custom Integration: If you need to use a specific Vue.js plugin with Filament, you may need to do some custom integration work. This could involve creating a bridge between the Vue.js plugin and Filament's components and workflows. The level of effort required will depend on the complexity of the plugin and how well it aligns with Filament's architecture.

In summary, while Filament is primarily designed for Livewire, it is possible to integrate it with Vue.js plugins, either through third-party packages or custom integration work. However, the level of support and integration may not be as seamless as using Filament with Livewire, which is the officially supported and recommended approach.

Citations:
[1] https://vuejs.org/guide/reusability/plugins
[2] https://github.com/tomatophp/filament-splade
[3] https://github.com/filamentphp/filament/discussions/4369
[4] https://filamentphp.com/plugins/coolsam-modules
[5] https://www.youtube.com/watch?v=zaV9q0IVqoY