https://github.com/dauskonzept/typo3-ux-vue

Integration for symfony/ux-vue into TYPO3 and Fluid
https://github.com/dauskonzept/typo3-ux-vue

fluidtypo3 frontend stimulus-js symfony-ux typo3 viewhelpers vue-js webpack

Last synced: 4 months ago
JSON representation

Integration for symfony/ux-vue into TYPO3 and Fluid

• Host: GitHub
• URL: https://github.com/dauskonzept/typo3-ux-vue
• Owner: dauskonzept
• Created: 2023-01-22T12:09:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-07T09:13:55.000Z (over 1 year ago)
• Last Synced: 2025-01-31T17:48:07.775Z (5 months ago)
• Topics: fluidtypo3, frontend, stimulus-js, symfony-ux, typo3, viewhelpers, vue-js, webpack
• Language: PHP
• Homepage:
• Size: 25.4 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
[![Latest Stable Version](http://poser.pugx.org/svenpetersen/typo3-ux-vue/v)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

[![Total Downloads](http://poser.pugx.org/svenpetersen/typo3-ux-vue/downloads)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

[![Monthly Downloads](http://poser.pugx.org/svenpetersen/typo3-ux-vue/d/monthly)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

[![Latest Unstable Version](http://poser.pugx.org/svenpetersen/typo3-ux-vue/v/unstable)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

[![License](http://poser.pugx.org/svenpetersen/typo3-ux-vue/license)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

[![PHP Version Require](http://poser.pugx.org/svenpetersen/typo3-ux-vue/require/php)](https://packagist.org/packages/svenpetersen/typo3-ux-vue)

TYPO3 Extension "typo3-ux-vue"

=================================

## 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

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

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

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

    

        


    


## Contributing

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

repository.