diff --git a/apps/frontend/src/composables/auto-ref.ts b/apps/frontend/src/composables/auto-ref.ts
deleted file mode 100644
index bee680d0..00000000
--- a/apps/frontend/src/composables/auto-ref.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export type AutoRef<T> = [T] extends [(...args: any[]) => any]
-  ? Ref<T> | (() => T)
-  : T | Ref<T> | (() => T);
-
-/**
- * Accepts a value directly, a ref with the value or a getter function and returns a Vue ref.
- * @param value The value to use.
- * @returns Either the original or newly created ref.
- */
-export function useAutoRef<T>(value: AutoRef<T>): Ref<T> {
-  if (typeof value === "function") return computed(() => value());
-  return isRef(value) ? value : ref(value as any);
-}
diff --git a/apps/frontend/src/composables/display-names.ts b/apps/frontend/src/composables/display-names.ts
index 48564c1e..b5591365 100644
--- a/apps/frontend/src/composables/display-names.ts
+++ b/apps/frontend/src/composables/display-names.ts
@@ -1,5 +1,3 @@
-import { useAutoRef, type AutoRef } from "./auto-ref.ts";
-
 const safeTags = new Map<string, string>();
 
 function safeTagFor(locale: string) {
@@ -81,11 +79,14 @@ export function createDisplayNames(
 }
 
 export function useDisplayNames(
-  locale: AutoRef<string>,
-  options?: AutoRef<Intl.DisplayNamesOptions | undefined>,
+  locale: string | (() => string) | Ref<string>,
+  options?:
+    | (Intl.DisplayNamesOptions | undefined)
+    | (() => Intl.DisplayNamesOptions | undefined)
+    | Ref<Intl.DisplayNamesOptions | undefined>,
 ) {
-  const $locale = useAutoRef(locale);
-  const $options = useAutoRef(options);
+  const $locale = toRef(locale);
+  const $options = toRef(options);
 
   return computed(() => createDisplayNames($locale.value, $options.value));
 }