🐛 BUG: Shorthand attributes passed to components are turned into regular strings when astroAllowShortHand is false.

[yamac-kurtulus]

Describe the Bug

Prettier changes <Component {attribute} /> to <Component attribute="attribute"> when shorthand attributes are not allowed whereas it should actually be <Component attribute={attribute}>

Steps to Reproduce

1. npm init astro using template Vue (template does not matter probably)
2. install prettier plugin npm i -D prettier-plugin-astro
3. Configure prettier:

//prettierrc.json:
{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "astroAllowShorthand": true,
  "printWidth": 120,
  "plugins": [
    "./node_modules/prettier-plugin-astro"
  ],
  "overrides": [
    {
      "files": "*.astro",
      "options": {
        "parser": "astro"
      }
    }
  ]
}

4. Setup vscode (probably unrelated)

//settings.json
{
  "prettier.documentSelectors": ["**/*.astro"],
  "prettier.configPath": "./.prettierrc.json"
}

5. Create an astro component, for ex. a layout:

//Layout.astro:
---
import HeadLayout from './HeadLayout.astro'
const { title } = Astro.props
const { metaDesc } = Astro.props
---
const 
<HeadLayout {title} {metaDesc} /> 

6. Save file in vscode or run prettier. And the file becomes

//Layout.astro:
---
import HeadLayout from './HeadLayout.astro'
const { title } = Astro.props
const { metaDesc } = Astro.props
---
const 
<HeadLayout title="title" metaDesc="metaDesc" />