Move API fetch data to different file

Sharing multiple exportable functions in one file impacts the use of private env variables 🤷

src/routes/+layout.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { PUBLIC_PREVIEW_COUNT } from '$env/static/public'
 
 

src/routes/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { getRandomItems } from '$utils/functions'
 
 export const load: PageServerLoad = async () => {

src/routes/[country]/[location]/+page.server.ts

@@ -1,7 +1,7 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
 import { PUBLIC_LIST_AMOUNT } from '$env/static/public'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 
 export const photoFields = `
     title

src/routes/[country]/[location]/[photo]/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 
 export const load: PageServerLoad = async ({ params }) => {
     try {

src/routes/about/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { getRandomItems } from '$utils/functions'
 
 export const load: PageServerLoad = async () => {

src/routes/api/data/+server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { RequestHandler } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 
 
 export const POST: RequestHandler = async ({ request }) => {

src/routes/credits/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 
 export const load: PageServerLoad = async () => {
     try {

src/routes/photos/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { PUBLIC_FILTERS_DEFAULT_COUNTRY, PUBLIC_FILTERS_DEFAULT_SORT, PUBLIC_GRID_AMOUNT } from '$env/static/public'
 
 

src/routes/shop/+layout.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { getProducts } from '$utils/functions/swell'
 
 export const load: PageServerLoad = async () => {

src/routes/shop/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { getProduct } from '$utils/functions/swell'
 import { getRandomItem } from '$utils/functions'
 

src/routes/shop/[type]-[name]/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 import { getProduct } from '$utils/functions/swell'
 
 export const load: PageServerLoad = async ({ params }) => {

src/routes/subscribe/+page.server.ts

@@ -1,6 +1,6 @@
 import { error } from '@sveltejs/kit'
 import type { PageServerLoad } from './$types'
-import { fetchAPI } from '$utils/api'
+import { fetchAPI } from '$utils/api/data'
 
 export const load: PageServerLoad = async () => {
     try {