How to dynamically detect if alpine is within a Livewire component?

[mikebronner]

I'm developing components for my that can be used within and without of Livewire. I get the following error when using the $wire object:

Alpine: Cannot reference "$wire" outside a Livewire component.

What is the best way to resolve this? I don't readily see any helpful methods for this in the Livewire object.

Thanks!

Update: until a proper solution can be found, I have resorted to wrapping the code referencing $wire in a try-catch.

Update 2: that actually ended up not working. Instead I did the following:

    <div
        class="relative"
        x-ref="tel"
        x-data="{
            allowLivewireUpdates: true,
            displayValue: '',
            livewireValue: $refs.tel.closest('[wire\\:id]') !== null ? $wire.entangle('{{ $attributes->wire('model')->value }}') : '',
        }"
    </div>

PS: @entangle was also breaking (for this and other reasons), which is why I'm using $wire.entangle.