PHPackages                             dskzpt/typo3-ux-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. [Templating & Views](/categories/templating)
4. /
5. dskzpt/typo3-ux-vue

ActiveTypo3-cms-extension[Templating & Views](/categories/templating)

dskzpt/typo3-ux-vue
===================

Easily render Vue.js components in Fluid Templates

v1.0.1(3y ago)11GPL-2.0-or-later

Since Jan 26Compare

[ Source](https://github.com/dauskonzept/typo3-ux-vue)[ Packagist](https://packagist.org/packages/dskzpt/typo3-ux-vue)[ Docs](https://github.com/svenpet90)[ RSS](/packages/dskzpt-typo3-ux-vue/feed)WikiDiscussions Synced 2d ago

READMEChangelog (3)Dependencies (7)Versions (4)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/64dc731d8a8cfd3b1019e9cdcd63018740281e34a9eb4db207ee1366c4abad00/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f76)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)[![Total Downloads](https://camo.githubusercontent.com/02aeaf0cc72c03991593bf32c431b498ba0d4ffc0c3b59aa950bf910560b2efc/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f646f776e6c6f616473)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)[![Monthly Downloads](https://camo.githubusercontent.com/4a0595f1eae166f24936374ed5f6b5edc82ec9804b557b783b45febf1eb4474e/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f642f6d6f6e74686c79)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)[![Latest Unstable Version](https://camo.githubusercontent.com/e38e9c997f51361aee3e4e96db25532b04aaaa696d7b7c73a066b59cae7b7b2c/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f762f756e737461626c65)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)[![License](https://camo.githubusercontent.com/334c2a0f3df1d3817ae834042b25206360f9506bb882dc0aedfdf053c0e2f054/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f6c6963656e7365)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)[![PHP Version Require](https://camo.githubusercontent.com/bd1e40821dae34de1a0516c5a5ee3c4cba854ec3bf578d0a7186b4cc1e4c9a36/687474703a2f2f706f7365722e707567782e6f72672f7376656e706574657273656e2f7479706f332d75782d7675652f726571756972652f706870)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

TYPO3 Extension "typo3-ux-vue"
==============================

[](#typo3-extension-typo3-ux-vue)

What does it do?
----------------

[](#what-does-it-do)

Render Vue components directly in Fluid template

This Extensions enables you to render Vue Components directly in Fluid templates. It acts as an integration for symfony/ux-vue into TYPO3.

Installation
------------

[](#installation)

The recommended way to install the extension is by using [Composer](https://getcomposer.org/). In your Composer based TYPO3 project root, just run:

```
composer require dskzpt/typo3-ux-vue
```

Setup
-----

[](#setup)

Before you start, make sure you have [EXT:typo3\_encore](https://github.com/sabbelasichon/typo3_encore). This extensions integrates [Webpack Encore](https://symfony.com/doc/current/frontend.html) into TYPO3.

Follow the [Symfony UX Vue official documentation](https://symfony.com/bundles/ux-vue/current/index.html).

Additionally:

```
# Add this line to your package.json dependencies:
"@symfony/ux-vue": "file:vendor/symfony/ux-vue/assets"

# Add these two lines to your app.js:
import {registerVueControllerComponents} from '@symfony/ux-vue';
registerVueControllerComponents(require.context('./vue/controllers', true, /\.vue$/));

# Install Vue.js
$ npm i vue

# or
$ yarn add vue

# Add these lines to your controllers.json:
"@symfony/ux-vue": {
    "vue": {
        "enabled": true,
        "fetch": "eager"
    }
}

# run
$ npm install --force
$ npm run watch

# or
$ yarn install --force
$ yarn watch

```

Usage
-----

[](#usage)

In any fluid template: Just register the Namespace and use the provided ViewHelper to render your component:

```

```

Contributing
------------

[](#contributing)

Please refer to the [contributing](CONTRIBUTING.md) document included in this repository.

###  Health Score

21

—

LowBetter than 18% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

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

Every ~41 days

Total

3

Last Release

1173d ago

Major Versions

v0.1.0 → v1.0.02023-01-31

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/97380444?v=4)[Sven Petersen](/maintainers/svenpet90)[@svenpet90](https://github.com/svenpet90)

---

Top Contributors

[![svenpet90](https://avatars.githubusercontent.com/u/97380444?v=4)](https://github.com/svenpet90 "svenpet90 (19 commits)")

---

Tags

extensiontypo3ViewHelpersvue jsstimulus-js

###  Code Quality

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/dskzpt-typo3-ux-vue/health.svg)

```
[![Health](https://phpackages.com/badges/dskzpt-typo3-ux-vue/health.svg)](https://phpackages.com/packages/dskzpt-typo3-ux-vue)
```

###  Alternatives

[dirkpersky/typo3-rte-ckeditor-fontawesome

Adds the Fontawesome add-on to the CKEditor in TYPO3.

18151.9k](/packages/dirkpersky-typo3-rte-ckeditor-fontawesome)[templavoilaplus/templavoilaplus

Building kit for custom pages and content elements with individual fields, containers and backend layouts. Supporting drag'n'drop and multiple references.

2638.7k13](/packages/templavoilaplus-templavoilaplus)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)