Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue named slots shorthand value is not formatted

See original GitHub issue

Prettier 1.18.2 Playground link

--parser vue

Input:

<template>
  <CustomInput #default="{foo}" />
</template>

Output:

<template>
  <CustomInput #default="{foo}" />
</template>

Expected behavior: Output:

<template>
  <CustomInput #default="{ foo }" />
</template>

Issue Analytics

State:
Created 4 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

2reactions

wenfangducommented, Jul 25, 2020

@fisker I think this change could do the job.

0reactions

fiskercommented, Jul 25, 2020

PR welcome

Top Results From Across the Web

Vue Named Slot Shorthand - Medium

It is a Vue component that has an additional slot functionality to it. It's a component with super power. It's a component that's...

Template Syntax | Vue.js

Vue uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying component instance's data. All Vue...

Style Guide - Vue.js

Style Guide. This is the official style guide for Vue-specific code. If you use Vue in a project, it's a great reference to...

Template Syntax - Vue.js

Template Syntax. Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying Vue instance's data....

Slots - Vue.js

Slot Content and Outlet #. We have learned that components can accept props, which can be JavaScript values of any type. But how...