styled componentsで、Emmet記法やスニペットを使うにはどうしたらいいですか？

Question

Reactを使った開発を学んでいるところなのですが、styled componentsでEmmet記法を使うにはどうしたらいいのでしょうか？

現状ですと、「w100」と入力してTabキーを押すとw100の後にインデントが入るだけです。

また、スニペットも使いたいのですが一切効きません。

そもそも、styled componentsでEmmet記法やスニペットを使おうという発想そのものが何か間違っているのでしょうか？

import styled from "styled-components";

export const Button = () => {
  return (
    <Sbutton>完了</Sbutton>
  );
};

const Sbutton = styled.button`
height: 100px;
`;

Answer 1

VSCode であれば、設定を変える必要がありそうです。
jsx,tsxでEmmetを使用する方法 - Qiita