fix(examples): tanstack-start build issues (#2248)

* fix(examples): move server function in another file

This fixes a build issue when using macro in a file that uses server-side function

* fix(examples): use i18n instead of macro in server-side function

Author: depsimon

examples/tanstack-start/src/functions/deferred.ts

@@ -0,0 +1,14 @@
+import { createServerFn } from "@tanstack/react-start"
+
+export const personServerFn = createServerFn({ method: "GET" })
+  .validator((d: string) => d)
+  .handler(({ data: name }) => {
+    return { name, randomNumber: Math.floor(Math.random() * 100) }
+  })
+
+export const slowServerFn = createServerFn({ method: "GET" })
+  .validator((d: string) => d)
+  .handler(async ({ data: name }) => {
+    await new Promise((r) => setTimeout(r, 1000))
+    return { name, randomNumber: Math.floor(Math.random() * 100) }
+  })

examples/tanstack-start/src/routes/deferred.tsx

@@ -1,20 +1,7 @@
 import { Trans } from "@lingui/react/macro"
 import { Await, createFileRoute } from "@tanstack/react-router"
-import { createServerFn } from "@tanstack/react-start"
 import { Suspense, useState } from "react"
-
-const personServerFn = createServerFn({ method: "GET" })
-  .validator((d: string) => d)
-  .handler(({ data: name }) => {
-    return { name, randomNumber: Math.floor(Math.random() * 100) }
-  })
-
-const slowServerFn = createServerFn({ method: "GET" })
-  .validator((d: string) => d)
-  .handler(async ({ data: name }) => {
-    await new Promise((r) => setTimeout(r, 1000))
-    return { name, randomNumber: Math.floor(Math.random() * 100) }
-  })
+import { personServerFn, slowServerFn } from "~/functions/deferred"
 
 export const Route = createFileRoute("/deferred")({
   loader: async () => {

examples/tanstack-start/src/routes/users.$userId.tsx

@@ -1,11 +1,11 @@
+import { i18n } from "@lingui/core"
 import { Trans } from "@lingui/react/macro"
 import { createFileRoute } from "@tanstack/react-router"
 import axios from "redaxios"
 import type { User } from "~/utils/users"
 import { DEPLOY_URL } from "~/utils/users"
 import { NotFound } from "~/components/NotFound"
 import { UserErrorComponent } from "~/components/UserError"
-import { i18n } from "@lingui/core"
 
 export const Route = createFileRoute("/users/$userId")({
   loader: async ({ params: { userId } }) => {