@remindgmbh/nuxt-typo3 v4.0.0
REMIND - Nuxt TYPO3
This nuxt3 module is the frontend part of the TYPO3 headless extension and remind/headless.
Requirements
TYPO3 Instance with the following extensions:
Installation
install using
npm install @remindgmbh/nuxt-typo3
add module in nuxt.config.js
export default defineNuxtConfig({ ... modules: [ ... '@remindgmbh/nuxt-typo3', ... ] ... })
Configuration
Module options are described in ModuleOptions
Interface in module.ts and can be set using the config key typo3
. Public runtimeConfig can be used as well to set module options.
Available App Config inputs are described in AppConfigInput Interface.
Customization
Styles only
To customize a components scss, create a component with the same name and re-export the original component in the script tag. Then use the style tag to apply custom styles. Example can be found in the playground.
IMPORTANT: Never use styles in assets for customizing components because they will be loaded regardless if the component is used on the current page or not.
Complete Component
To customize a components template and script just create a component with the same name to override the original. Some components offer slots for customization so the original component can be imported and used if only the slot content has to be customized. Most components use composables so the script part can be easily reused. See T3CeTextmedia
in playground for an example using slots.
Development
Use npm install
to install dependencies. Change to ./playground
directory and install dependencies as well. Add .env
file to playground directory and set NUXT_PUBLIC_TYPO3_BASE_URL
and NUXT_PUBLIC_TYPO3_API_BASE_URL
. Then use npm run dev
to start a dev server.
9 days ago
14 days ago
20 days ago
20 days ago
21 days ago
28 days ago
28 days ago
29 days ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
7 months ago
7 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago