Global data

You can set global variables to your site, accessible by all pages, layouts and components. For example:

// Set a variable
site.data("myNumber", 23);

// Set a function
site.data("randomNumber", function () {
  return Math.random();
});

Now, this data is available in your pages, layouts and components:

<p>My number: {{ myNumber }}</p>
<p>Random number: {{ randomNumber() }}</p>

export default function ({ myNumber, randomNumber }) {
  return `
  <p>My number: ${ myNumber }</p>
  <p>Random number: ${ randomNumber() }</p>`;
}

Note that page data have priority over global data. If a page has a variable with the same name as a global variable, the page variable will be used.