mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
19 lines
749 B
TypeScript
19 lines
749 B
TypeScript
|
/**
|
||
|
|
* sometimes, CMS wants to give full control on components. This might not be a good practice.
|
||
|
|
* SO MAKE SURE TO SANITIZE ALL YOUR STRINGS
|
||
|
|
*/
|
||
|
|
export default defineEventHandler(() => {
|
||
|
|
return {
|
||
|
|
props: ['lastname', 'firstname'],
|
||
|
|
// don't forget to sanitize
|
||
|
|
setup: `
|
||
|
|
const fullName = computed(() => props.lastname + ' ' + props.firstname);
|
||
|
|
|
||
|
|
const count = ref(0);
|
||
|
|
|
||
|
|
return {fullName, count}
|
||
|
|
`,
|
||
|
|
template: '<div>my name is {{ fullName }}, <button id="inc-interactive-count" @click="count++">click here</button> count: <span id="interactive-count">{{count}}</span>. I am defined by Interactive in the setup of App.vue. My full component definition is retrieved from the api </div>'
|
||
|
|
}
|
||
|
|
})
|