Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-16 13:48:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(templates): interpolate props within attrs in rendering vue component (#157)

Browse Source
This commit is contained in:
Daniel Roe 2022-09-02 09:46:02 +01:00 committed by GitHub
parent dafb9ed0e4
commit 72e3b7159b
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui-templates/lib/render.ts
View File

@ -13,7 +13,7 @@ const r = (...path: string[]) => resolve(join(__dirname, '..', ...path))
const replaceAll = (input, search, replace) => input.split(search).join(replace)
export const RenderPlugin = () => {
return <Plugin>{
return <Plugin> {
name: 'render',
enforce: 'post',
async writeBundle () {
@ -79,6 +79,8 @@ export const RenderPlugin = () => {
.replace(/messages\./g, '')
.replace(/<script[^>]*>([\s\S]*?)<\/script>/g, '')
.replace(/<a href="(\/[^"]*)"([^>]*)>([\s\S]*)<\/a>/g, '<NuxtLink to="$1"$2>\n$3\n</NuxtLink>')
// eslint-disable-next-line no-template-curly-in-string
.replace(/<([^>]+) ([a-z]+)="([^"]*)({{\s*(\w+?)\s*}})([^"]*)"([^>]*)>/g, '<$1 :$2="`$3${$5}$6`"$7>')
.replace(/>{{\s*(\w+?)\s*}}<\/[\w-]*>/g, ' v-text="$1" />')
.replace(/>{{{\s*(\w+?)\s*}}}<\/[\w-]*>/g, ' v-html="$1" />')
// We are not matching <link> <script> and <meta> tags as these aren't used yet in nuxt/ui