How to exclude .gql / .graphql files from runtime parsing?

[shamscorner]

How can I exclude the .gql files from runtime parsing? Because I am getting this error for the following code.

ExampleQuery.gql?import:1 Uncaught SyntaxError: Unexpected identifier

<script setup lang="ts">
import { useQuery } from '@vue/apollo-composable'
import ExampleQuery from '~/common/graphql/ExampleQuery.gql'

// graphql
const { result, loading, error } = useQuery(ExampleQuery)
. . .
</script>