benjaminsehl / hydrogen-vscode

VSCode integration for use when building @shopify/hydrogen custom storefronts

Hydrogen VSCode

Snippets

usq

Use useShopQuery()

const { data } = useShopQuery({ query: QUERY });

sq

New Storefront query

import gql from "graphql-tag";

const QUERY = gql`
  query Query {
    ...
  }
`;

imph

Import from hydrogen

import {...} from '@shopify/hydrogen';

hp

New Hydrogen page

function Page {
  return (
    <div>
      ...
    </div>
  )
}

export default Page;