
As mentioned, it provides the same template syntax and vue/reactivity model provided by standard Vue. petite-vue is similar to Vue in many ways. petite-vue uses this same reactivity technique.

But, those 3rd party scripts need to be modules themselves. The vue/reactivity package is responsible for both Vue and Alpine reactivity. This allows importing 3rd party scripts as modules. Mozilla Dev Network article on the modules system: ĮDIT: something I missed - to make web resources a little nicer, the import URLs can be any URL, not just a relative path. So, in short, something is "importable" if it is itself a module. hyperscript makes writing event handlers and highly responsive user interfaces easy with a clear, DOM-oriented. writeText(the snippets innerText) into the navigators clipboard put copied into me wait 1s put copy into me. Instead, I must tell the browser that the script is a module: hyperscript is an easy & approachable language designed for modern front-end web development. However, if I load this script as a non-module, I will get an error. For example, if I have a test-module.js, I can export some class using the export keyword: class Fubar from './test-module.js` PRESENTA Lib is designed to be extensible by using external plugins. A block is the minimum unit that renders a specific content from a given config object. The scene is responsible to keep blocks together.

Each scene contains one or more block of content. Kinda circular.īasically, it should export some resources from the module file. A PRESENTA Lib document contains a list of scenes that can be displayed one at a time. I created a simple script that you can include in your HTML page to make this possible.

In standard ECMAscript, a JS file is importable if it defines a module in the new system.
