Signal is not passed properly to the value attribute when passed into a component via props and accessed using dot notation. ie: `props.$value`

[Zach Lankton]

Describe the bug
Signal is not passed properly to the value attribute when passed into a component via props and accessed using dot notation. ie: props.$value

To Reproduce

function NumInput(props) {
  return <input type="number" value={props.$count} />;
}

export function Page() {
  let $myCount = 10;

  return (
    <>
      <h1>Input Value Attribute Passed with dot notation</h1>
      <NumInput $count={$myCount} />
      <p>{$myCount}</p>
    </>
  );
}

Gets transformed into this:

Expected behavior

The .get() call should not be appended to this value... it needs to be passed in as is.

Additional context

This does not happen when the props are destructured like this:

function NumInput2({ $count }) {
  return <input type="number" value={$count} />;
}

The output is correct: