2 Builds on Alpine on one page, cannot access $store ?

[yabdab]

So I have a page with a traditional build of Alpine and one built with a prefix.

I have a Alpine.store that works just fine when the prefixed version in on page alone. But when I add the traditional build to the page, I can no longer access the store data.

For example I am using code like this that can no longer see. the "items" ...
Alpine.store("formsnap").items.forEach((item) => { ... });

Is there a special way to target the "Alpine" instance using the prefix?

Or should I import the prefixed version. in with different name like so ...
import prefixedAlpine from "alpinejs";

Thanks to any help folks can give.

[ekwoka]

The cdn link would override the Alpine window instance (or vice versa).

Why do you need two on the page?

But to differentiate, you'd need to just always use your imported one (or passed to the plugin functions the one you want applied)

[ekwoka]

What do you mean use the parents functions?

Child components has parents methods in their scope on this.

And you pass all of them your Alpine, so idk what you mean by "cannot find Alpine"? You give it to them. Then they have it.

[yabdab]

I have a main x-data parent object.

That is included in my build of Alpine, so that part works.

Now if I add(nest) a child x-data within the parent , which is not inline ( it is a separate script that is called ), then the child cannot see the Alpine instance from the parent.

`
-parent
|
|--child 1
|--child 2
|

`

The child script looks like so ...

 Alpine.data("childDataItem", () => ({ ... }));

Hope that explains it.

[ekwoka]

Now if I add(nest) a child x-data within the parent , which is not inline ( it is a separate script that is called ), then the child cannot see the Alpine instance from the parent.

Yes it can.

on this within functions.

[yabdab]

"Alpine" is not defined in child components.🤷‍♂️

[ekwoka]

So use this

(but alpine should still be defined, since you made the component somehow and you can pass it Alpine before defining it)

Additionally, you cannot do Alpine.data('componentName') to get access to instances of that component.