How do i fetch data correctly in a route?

// quotes.json located at src/assets/quotes/quotes.json called in src/routes/quotes.tsx
const [quotes] = createResource(async () => {
        const response = await fetch("../assets/quotes/quotes.json");
        return (await response.json()) as Quotes;
});

const fetch_quotes = async () => {
    "use server";
    const response = await fetch('/src/data/quotes/quotes.json');
    const data = await response.json();
    return data;
};