PHPackages yii2-framework/inertia-vue - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. yii2-framework/inertia-vue ActiveLibrary yii2-framework/inertia-vue ========================== Vue adapter helpers for yii2. 10PHPCI passing Since Apr 3Pushed todayCompare [ Source](https://github.com/yii2-framework/inertia-vue)[ Packagist](https://packagist.org/packages/yii2-framework/inertia-vue)[ RSS](/packages/yii2-framework-inertia-vue/feed)WikiDiscussions main Synced today READMEChangelogDependenciesVersions (1)Used By (0) ![Yii Framework](https://camo.githubusercontent.com/6f0a7c6c5e9ed8d389db5c82af26a2f70418756b736357378178997e52296488/68747470733a2f2f7777772e7969696672616d65776f726b2e636f6d2f696d6167652f64657369676e2f6c6f676f2f796969335f66756c6c5f666f725f6461726b2e737667) Inertia Vue =========== [](#inertia-vue) [ ![PHPUnit](https://camo.githubusercontent.com/1d95d1124706bff72da4fa7fb3d8fec0497124a9b88b16c5a015ed4542201bd5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d6672616d65776f726b2f696e65727469612d7675652f6275696c642e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d504850556e6974) ](https://github.com/yii2-framework/inertia-vue/actions/workflows/build.yml) [ ![Mutation Testing](https://camo.githubusercontent.com/150fb8921c344971e3d6e8b2d2f935046c2cfeb3a2e408ccf4a3bf6d49d75f8c/68747470733a2f2f696d672e736869656c64732e696f2f656e64706f696e743f7374796c653d666f722d7468652d62616467652675726c3d687474707325334125324625324662616467652d6170692e737472796b65722d6d757461746f722e696f2532466769746875622e636f6d253246796969322d6672616d65776f726b253246696e65727469612d7675652532466d61696e) ](https://dashboard.stryker-mutator.io/reports/github.com/yii2-framework/inertia-vue/main) [ ![PHPStan](https://camo.githubusercontent.com/194097b85fe647a31c001dce53191ce2c75202752fa7be013abb8c183841272c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d6672616d65776f726b2f696e65727469612d7675652f7374617469632e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d5048505374616e) ](https://github.com/yii2-framework/inertia-vue/actions/workflows/static.yml) **Vue adapter helpers for [yii2-framework/inertia](https://github.com/yii2-framework/inertia)** *Vue-friendly root view and Vite asset integration for Yii2 Inertia applications* Features -------- [](#features) ![Feature Overview](./docs/svgs/features-mobile.svg)Overview -------- [](#overview) `yii2-framework/inertia-vue` is a thin PHP-side adapter package for building Vue-based Inertia applications on top of `yii2-framework/inertia`. This package does not install npm dependencies for you. Instead, it provides: - a Vue-specific bootstrap class for Yii2; - a default root view that outputs Vite tags plus the initial Inertia page payload; - a Vite helper component for development-server and manifest-driven production assets; - documentation and conventions for the application-owned Vue client entrypoint. Installation ------------ [](#installation) ``` composer require yii2-framework/inertia-vue:^0.1 ``` Register the Vue bootstrap class: ``` return [ 'bootstrap' => [\yii\inertia\vue\Bootstrap::class], 'components' => [ 'inertiaVue' => [ 'class' => \yii\inertia\vue\Vite::class, 'manifestPath' => '@webroot/build/.vite/manifest.json', 'baseUrl' => '@web/build', 'entrypoints' => ['resources/js/app.js'], 'devMode' => YII_ENV_DEV, 'devServerUrl' => 'http://localhost:5173', ], ], ]; ``` Use only `yii\inertia\vue\Bootstrap::class` in the bootstrap list. It already delegates the base `yii2-framework/inertia` bootstrap. Vue client entrypoint --------------------- [](#vue-client-entrypoint) Install the client-side dependencies in your application project: ``` npm install vue @vitejs/plugin-vue @inertiajs/vue3 vite ``` Then create your client entrypoint, for example `resources/js/app.js`: ``` import { createApp, h } from "vue"; import { createInertiaApp } from "@inertiajs/vue3"; createInertiaApp({ resolve: (name) => { const pages = import.meta.glob("./Pages/**/*.vue", { eager: true }); return pages[`./Pages/${name}.vue`]; }, setup({ el, App, props, plugin }) { createApp({ render: () => h(App, props) }) .use(plugin) .mount(el); }, }); ``` Production asset integration ---------------------------- [](#production-asset-integration) This package expects a Vite manifest file generated with `build.manifest = true`. In production it will render: 1. style sheet tags for the entrypoint chunk and its imported chunks; 2. module entry scripts for each entrypoint; 3. optional `modulepreload` tags for imported JavaScript chunks. Documentation ------------- [](#documentation) For detailed configuration options and advanced usage. - ๐Ÿ“š [Installation Guide](docs/installation.md) - โš™๏ธ [Configuration Reference](docs/configuration.md) - ๐Ÿ’ก [Usage Examples](docs/examples.md) - ๐Ÿงช [Testing Guide](docs/testing.md) - ๐Ÿ› ๏ธ [Development Notes](docs/development.md) Package information ------------------- [](#package-information) [![PHP](https://camo.githubusercontent.com/9e9dabf3cf02992f5f7927dc70dcc68e92fe493a8a5ae3b546c78a2d40996d9b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f253345253344382e322d3737374242342e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://www.php.net/releases/8.2/en.php)[![Latest Stable Version](https://camo.githubusercontent.com/735cf1aabb45bc58b191c1c4654c44815eef3ff823a5f29c5fd584843830001b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f796969322d6672616d65776f726b2f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465266c6162656c3d537461626c65)](https://packagist.org/packages/yii2-framework/inertia-vue)[![Total Downloads](https://camo.githubusercontent.com/57fb16a56ae184bc29ed56351a5b100874017b3005a0a9d2ff599d0ebdcc8187/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f796969322d6672616d65776f726b2f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6d706f736572266c6f676f436f6c6f723d7768697465266c6162656c3d446f776e6c6f616473)](https://packagist.org/packages/yii2-framework/inertia-vue) Quality code ------------ [](#quality-code) [![Codecov](https://camo.githubusercontent.com/9c0484a89cd8f27cce76e14dd4683e03057a1ce7217c5d53936fa98a912f7b22/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f796969322d6672616d65776f726b2f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6465636f76266c6f676f436f6c6f723d7768697465266c6162656c3d436f766572616765)](https://codecov.io/github/yii2-framework/inertia-vue)[![PHPStan Level Max](https://camo.githubusercontent.com/b1aeb44257ce46737d1787123b534aab9dded28219f828e4ae13a1e3b460f53c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048505374616e2d4c6576656c2532304d61782d3446354439352e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.com/yii2-framework/inertia-vue/actions/workflows/static.yml)[![Super-Linter](https://camo.githubusercontent.com/1d2475682c6ef26e0ae90c5d2b03ad0a4b3f0dc1c0130e98633089c2a2e03e2d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d6672616d65776f726b2f696e65727469612d7675652f6c696e7465722e796d6c3f7374796c653d666f722d7468652d6261646765266c6162656c3d53757065722d4c696e746572266c6f676f3d676974687562)](https://github.com/yii2-framework/inertia-vue/actions/workflows/linter.yml)[![StyleCI](https://camo.githubusercontent.com/2e44ba381d6c9ab95b548566772bd17337dc56f8a6a646974bf7277720e5be9d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5374796c6543492d5061737365642d3434434331312e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.styleci.io/repos/1196150046?branch=main) License ------- [](#license) [![License](https://camo.githubusercontent.com/680c8d62ba2d5a71d7099b6e81114fb0b22d99086c121fd178e1149afc669d44/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4253442d2d332d2d436c617573652d627269676874677265656e2e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6f70656e736f75726365696e6974696174697665266c6f676f436f6c6f723d7768697465266c6162656c436f6c6f723d353535353535)](LICENSE) ### Health Score 21 โ€” LowBetter than 19% of packages Maintenance65 Regular maintenance activity Popularity2 Limited adoption so far Community6 Small or concentrated contributor base Maturity11 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits โ€” single point of failure How is this calculated?**Maintenance (25%)** โ€” Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** โ€” Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** โ€” Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** โ€” Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/524d2b46690f41fce7188d369488a35e7624e6c5a264d82aacd08548bfd156ab?d=identicon)[terabytesoftw](/maintainers/terabytesoftw) --- Top Contributors [![terabytesoftw](https://avatars.githubusercontent.com/u/42547589?v=4)](https://github.com/terabytesoftw "terabytesoftw (2 commits)") ### Embed Badge ![Health badge](/badges/yii2-framework-inertia-vue/health.svg) ``` [![Health](https://phpackages.com/badges/yii2-framework-inertia-vue/health.svg)](https://phpackages.com/packages/yii2-framework-inertia-vue) ``` PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)