alpinejs + requirejs

[StefanGruenberg]

In PHP Projects like Magento it's the default practice to load *.phtml files as templates with the requried HTML Markup. JS Files mostly separated into single *.js files.
I'm looking for a solution to combine Alpine Data Model and requirejs, maybe someone has a good idea?!

Example:

Alpine.data('testObject', requirejs(['path/to/js/testObject'], (fn) => {
    return fn;
}));

or maybe

<div x-data="testObject"></div>

and into js file

define([], () => {
    "use strict";

    return function() {
        Alpine.data('testObject', () => ({
           key: null 
        }))
    }
});

In that case, Alpine logged 'Uncaught (in promise) ReferenceError: testObject is not defined'

lot's of thanks!