Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-07T09:13:55.000Z (10 months ago)
- Last Synced: 2024-11-14T20:55:10.393Z (about 2 months ago)
- Topics: fluidtypo3, frontend, stimulus-js, symfony-ux, typo3, viewhelpers, vue-js, webpack
- Language: PHP
- Homepage:
- Size: 25.4 KB
- Stars: 0
- 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 templateThis 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.