Loading data attributes into a Vue 3 app

app.js

import {createApp} from 'vue';
import {processDataAttributes} from "../lib/process-data-attributes.js";
const app = createApp({
    data() {
        return {
            rootData: processDataAttributes(document.getElementById("app"))
        }
    }
});
app.mount('#app');

process-data-attributes.js

// Taken from jQuery source code
const processDataAttribute = function ( data ) {
    if ( data === "true" ) {
        return true;
    }

    if ( data === "false" ) {
        return false;
    }

    if ( data === "null" ) {
        return null;
    }

    // Only convert to a number if it doesn't change the string
    if ( data === +data + "" ) {
        return +data;
    }

    if ( /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/.test( data ) ) {
        return JSON.parse( data );
    }

    return data;
}

export const processDataAttributes = function ( domElement ) {
    const rootData = {};
    Object.entries(domElement.dataset).forEach(([key, value]) => {
        rootData[key] = processDataAttribute(value);
    });
    return rootData;
}