PHPackages yii2-extensions/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. [Utility & Helpers](/categories/utility) 4. / 5. yii2-extensions/inertia-vue ActiveLibrary[Utility & Helpers](/categories/utility) yii2-extensions/inertia-vue =========================== Vue adapter helpers for yii2. 0.1.0(1mo ago)2722[2 PRs](https://github.com/yii2-extensions/inertia-vue/pulls)BSD-3-ClausePHPPHP >=8.3CI passing Since Apr 16Pushed 3w agoCompare [ Source](https://github.com/yii2-extensions/inertia-vue)[ Packagist](https://packagist.org/packages/yii2-extensions/inertia-vue)[ RSS](/packages/yii2-extensions-inertia-vue/feed)WikiDiscussions main Synced 1w ago READMEChangelog (1)Dependencies (11)Versions (4)Used By (0) ![Yii Framework](https://camo.githubusercontent.com/f390171a839a7620dea19acb5fc1fb87f9226e65910c577f99803347ce48336a/68747470733a2f2f7777772e7969696672616d65776f726b2e636f6d2f696d6167652f64657369676e2f6c6f676f2f796969335f66756c6c5f666f725f6c696768742e737667) Inertia Vue =========== [](#inertia-vue) [ ![PHPUnit](https://camo.githubusercontent.com/a0b38c7b01af2e727331515bed48ba673db4fd0446b97e9c885452bc02639cff/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f696e65727469612d7675652f6275696c642e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d504850556e6974) ](https://github.com/yii2-extensions/inertia-vue/actions/workflows/build.yml) [ ![Mutation Testing](https://camo.githubusercontent.com/6fa5a27e47e52fd2c1809c552de6c7e149de548c9febb374dd69c43b87fdffb5/68747470733a2f2f696d672e736869656c64732e696f2f656e64706f696e743f7374796c653d666f722d7468652d62616467652675726c3d687474707325334125324625324662616467652d6170692e737472796b65722d6d757461746f722e696f2532466769746875622e636f6d253246796969322d657874656e73696f6e73253246696e65727469612d7675652532466d61696e) ](https://dashboard.stryker-mutator.io/reports/github.com/yii2-extensions/inertia-vue/main) [ ![PHPStan](https://camo.githubusercontent.com/28956528835ed82174d5d098fe159500b52807fe6f931602b9ba2ba8887578ee/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f696e65727469612d7675652f7374617469632e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d5048505374616e) ](https://github.com/yii2-extensions/inertia-vue/actions/workflows/static.yml) **Vue adapter helpers for [yii2-extensions/inertia](https://github.com/yii2-extensions/inertia)** *Vue-friendly root view and Vite asset integration for Yii2 Inertia applications* Features -------- [](#features) ![Feature Overview](./docs/svgs/features.svg)Overview -------- [](#overview) `yii2-extensions/inertia-vue` is a thin PHP-side adapter package for building Vue-based Inertia applications on top of `yii2-extensions/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-extensions/inertia-vue:^0.1 ``` Register the Vue bootstrap class: ``` return [ 'bootstrap' => [ \yii\inertia\vue\Bootstrap::class, ], 'components' => [ 'inertiaVue' => [ 'class' => \yii\inertia\Vite::class, 'baseUrl' => '@web/build', 'devMode' => YII_ENV_DEV, 'devServerUrl' => 'http://localhost:5173', 'entrypoints' => [ 'resources/js/app.js', ], 'manifestPath' => '@webroot/build/.vite/manifest.json', ], ], ]; ``` Use only `yii\inertia\vue\Bootstrap::class` in the bootstrap list. It already delegates the base `yii2-extensions/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); }, }); ``` Development mode ---------------- [](#development-mode) When `devMode` is `true`, the Vite helper bypasses the production manifest and emits `@vite/client` plus each `entrypoints` script pointing at `devServerUrl`. Vue HMR is carried natively by `@vite/client` together with `@vitejs/plugin-vue`; no extra preamble is needed. Run the Vite dev server and the Yii2 application side by side: ``` # Terminal 1 โ€” Vite dev server npm run dev # Terminal 2 โ€” Yii2 in dev mode YII_ENV=dev ./yii serve ``` See [Development Notes](docs/development.md) for the full HMR workflow, CORS notes, and troubleshooting. 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/f04357fef9ebcd99ed76d5414552bcd1ce849df0ee1d4faf8e991f54c966d508/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f253345253344382e332d3737374242342e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://www.php.net/releases/8.3/en.php)[![Yii 22.0.x](https://camo.githubusercontent.com/6419cb138fb08a8fcb971e8e780bed42fdb74f683a39b22ca0cd2059f246ce43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f32322e302e782d3030373341412e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d796969266c6f676f436f6c6f723d7768697465)](https://github.com/yiisoft/yii2/tree/22.0)[![Latest Stable Version](https://camo.githubusercontent.com/86c4f50f4f8ff16d68c535bf7a52584d5b9842822524bd56ccbd46998d188c4c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f796969322d657874656e73696f6e732f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465266c6162656c3d537461626c65)](https://packagist.org/packages/yii2-extensions/inertia-vue)[![Total Downloads](https://camo.githubusercontent.com/aa99fa67f7cf1372aa5ef338d5b7ea0077fd907f0cf4bdd3d4bb2d44bf107cf9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f796969322d657874656e73696f6e732f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6d706f736572266c6f676f436f6c6f723d7768697465266c6162656c3d446f776e6c6f616473)](https://packagist.org/packages/yii2-extensions/inertia-vue) Quality code ------------ [](#quality-code) [![Codecov](https://camo.githubusercontent.com/a015b55de149b192768f1847d0954362dd44b65008da192a186f8bb9ce4fef01/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f796969322d657874656e73696f6e732f696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6465636f76266c6f676f436f6c6f723d7768697465266c6162656c3d436f766572616765)](https://codecov.io/github/yii2-extensions/inertia-vue)[![PHPStan Level Max](https://camo.githubusercontent.com/b1aeb44257ce46737d1787123b534aab9dded28219f828e4ae13a1e3b460f53c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048505374616e2d4c6576656c2532304d61782d3446354439352e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.com/yii2-extensions/inertia-vue/actions/workflows/static.yml)[![Super-Linter](https://camo.githubusercontent.com/a6e2fbd1a523a641f50d643677cf2fab2be929472b1450c33a2d816fbd213885/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f696e65727469612d7675652f6c696e7465722e796d6c3f7374796c653d666f722d7468652d6261646765266c6162656c3d53757065722d4c696e746572266c6f676f3d676974687562)](https://github.com/yii2-extensions/inertia-vue/actions/workflows/linter.yml)[![StyleCI](https://camo.githubusercontent.com/2e44ba381d6c9ab95b548566772bd17337dc56f8a6a646974bf7277720e5be9d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5374796c6543492d5061737365642d3434434331312e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.styleci.io/repos/1196180037?branch=main) License ------- [](#license) [![License](https://camo.githubusercontent.com/680c8d62ba2d5a71d7099b6e81114fb0b22d99086c121fd178e1149afc669d44/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4253442d2d332d2d436c617573652d627269676874677265656e2e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6f70656e736f75726365696e6974696174697665266c6f676f436f6c6f723d7768697465266c6162656c436f6c6f723d353535353535)](LICENSE) ### Health Score 42 โ€” FairBetter than 88% of packages Maintenance93 Actively maintained with recent releases Popularity20 Limited adoption so far Community6 Small or concentrated contributor base Maturity41 Maturing project, gaining track record 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. ### Release Activity Cadence Unknown Total 1 Last Release 54d ago ### 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 (12 commits)") --- Tags inertiainertiajsphpsingle-page-applicationsspavitevuevue3yii2inertiaviteyii2vueSPA ### Code Quality TestsPHPUnit Type Coverage Yes ### Embed Badge ![Health badge](/badges/yii2-extensions-inertia-vue/health.svg) ``` [![Health](https://phpackages.com/badges/yii2-extensions-inertia-vue/health.svg)](https://phpackages.com/packages/yii2-extensions-inertia-vue) ``` ### Alternatives [prawee/yii2-vuejs Vue.js library for Yii2 1712.3k](/packages/prawee-yii2-vuejs) PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)