test-js.md

TODO: get tags inside of other code blocks working

const variable = 1;

const query = graphql`
  query {
    something(arg: ${variable})
  }
`;
const Component = () => {
  return <div>{query}</div>;
};

const variable: number = 1;

graphql`
    query {
        something(variable: ${variable})
    }
`;
const Component = () => {
  return <div> </div>;
};

const variable = 1;

const queryA = graphql(`
  query {
    something(arg: ${variable})
  }
`);

const queryB = graphql(
  `
    query {
      something(arg: ${variable})
    }
  `
);

const queryC = graphql(
  'query { something(arg: ${variable}) }'
);

const variable: number = 1;

const queryA = graphql(`
  query {
    something(arg: ${variable})
  }
`);

const queryB = graphql(
  `
    query {
      something(arg: ${variable})
    }
  `
);

const queryC = graphql(
  'query { something(arg: ${variable}) }'
);

svelte

<script>
    const query = gql`
    query {
        hello
    }
    `;
	let name = 'world';
    const query = ``
</script>

<h1>Hello {name}!</h1>

vue

<script>
const query = gql`
  query {
    hello
  }
`;
export default {
  data() {
    return {
      message: 'Hello World!',
    };
  },
};
</script>

<template>
  <h1>{{ message }}</h1>
</template>