The props variable is declared but never used in the template or script.
Fix: Remove the variable assignment and access props directly through the defineProps call:
<script setup lang="ts">
import { Link, usePage } from '@inertiajs/vue3';
import { computed } from 'vue';
import SocialProviderIcon from '@/components/crm/SocialProviderIcon.vue';
import type { SocialProviderOption } from '@/types';
type Props = {
compact?: boolean;
prefix?: string;
};
withDefaults(defineProps<Props>(), {
compact: false,
prefix: 'Continue with',
});
const page = usePage();
const socialProviders = computed(
() => (page.props.socialProviders ?? []) as SocialProviderOption[],
);
</script>
The props variable is declared but never used in the template or script.
Fix: Remove the variable assignment and access props directly through the defineProps call: