diff --git a/app/composables/directus/useProduct.ts b/app/composables/directus/useProduct.ts
index 6ac5c1e..d8022c9 100644
--- a/app/composables/directus/useProduct.ts
+++ b/app/composables/directus/useProduct.ts
@@ -1,5 +1,4 @@
-import GetProduct from '@/graphql/product.graphql';
-import { print } from 'graphql';
+import GetProduct from '@/graphql/product.graphql?raw';
 
 export const useProduct = (id: string) => {
   const { $directus } = useNuxtApp();
@@ -8,13 +7,10 @@ export const useProduct = (id: string) => {
   const locale = getDirectusLocale();
 
   return useAsyncData(`product-${id}-${locale}`, async () => {
-    return await $directus.query<{ products_by_id: Product }>(
-      print(GetProduct),
-      {
-        id: id,
-        locale: locale,
-      }
-    );
+    return await $directus.query<{ products_by_id: Product }>(GetProduct, {
+      id: id,
+      locale: locale,
+    });
     // return await $directus.request(
     //   readItem('products', id, {
     //     fields: [
diff --git a/app/composables/directus/useProductList.ts b/app/composables/directus/useProductList.ts
index d13739c..58bac21 100644
--- a/app/composables/directus/useProductList.ts
+++ b/app/composables/directus/useProductList.ts
@@ -1,5 +1,4 @@
-import GetProductList from '@/graphql/productList.graphql';
-import { print } from 'graphql';
+import GetProductList from '@/graphql/productList.graphql?raw';
 
 export const useProductList = () => {
   const { $directus } = useNuxtApp();
@@ -8,11 +7,8 @@ export const useProductList = () => {
   const locale = getDirectusLocale();
 
   return useAsyncData(`product-list-${locale}`, async () => {
-    return await $directus.query<{ products: Product[] }>(
-      print(GetProductList),
-      {
-        locale: locale,
-      }
-    );
+    return await $directus.query<{ products: Product[] }>(GetProductList, {
+      locale: locale,
+    });
   });
 };