Kollisionsfreie Dependency-Injection-Schlüssel mit JavaScript-Symbols in Vue

import { provide, inject } from 'vue';
 
export const AUTH_CONTEXT_KEY = Symbol('AuthContext');
 
export function provideAuth(authService) {
  provide(AUTH_CONTEXT_KEY, authService);
}
 
export function useAuth() {
  const auth = inject(AUTH_CONTEXT_KEY);
  if (!auth) {
    throw new Error('useAuth must be called within an AuthProvider scope');
  }
  return auth;
}