Skip to content

Conversation

@NullVoxPopuli
Copy link
Collaborator

@NullVoxPopuli NullVoxPopuli commented Oct 25, 2025

Enables use of {{ }} in scoped styles:

// ...

const padding = '20';

<template>
  <div class='hello-class'>
    <b>Hello</b>, world!
  </div>

  <style scoped inline>
    .hello-class {
      font-size: {{padding}}px;
    }

    b {
      color: blue;
    }
  </style>
</template>

NOTE: -- {{ }} will really only work for values right now

Failure is real, yet confusing, because this works in the REPL

@NullVoxPopuli NullVoxPopuli added the enhancement New feature or request label Oct 25, 2025
</template>;
`);

expect(output).toMatchInlineSnapshot(`
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this incorrect, which hints at babel not detecting the scope usage

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants