🐛 BUG: completions in components differ based on newlines and cursor position

[vinnichase]

Describe the Bug

Completions for astro components are not consistent and vary depending on newlines and the cursor position.

Problem occurs in TypeScript project.

Example 1:

<Code code="{}" lang="json" theme="one-dark-pro" />

🟢 Cursor position before closing tag:

🔴 Cursor Position one space before closing tag:

Example 2:

<Code code="{}" lang="json" theme="one-dark-pro" inline={true} />

🟢 Cursor Position one space before closing tag:

Example 3:

<Code
    code="{}"
    lang="json"
    theme="one-dark-pro"
    inline={true}
/>

🔴 Cursor Position in new line:

Steps to Reproduce

1. import { Code } from 'astro:components';
2. Insert component in astro page
3. Try 3 jsx attributes inline and place the cursor at different positions
4. Try 4 jsx attributes inline
5. Try 4 jsx attributes multiline
6. Unexpected/inconsistent completions

[Princesseuh]

Hello! Thank you for reporting this issue. On what OS are you? I can't seems to be able to reproduce most of these, which I'm thinking could mean it's a Windows thing perhaps

[vinnichase]

astro info        
Astro                    v3.4.3
Node                     v18.17.0
System                   macOS (arm64)
Package Manager          pnpm
Output                   server
Adapter                  astro-sst
Integrations             @astrojs/tailwind

its in .astro files