v2.0.0

• Menu labels & helper texts are re-worded, to make them easy to understand. Use the simplest menu options for basic usage. Always refer to framework's documentation to learn proper usage.

  

• Delete action is now moved under a dropdown as "remove" at the end of the directive input field. Only clear icon is the floating one.

  

• Directives section is now displayed just above the Attributes Editor section so that it's easy to use both sections together. For eg, to bind an image source to a state variable,

  • v-bind:attr is first selected.
  • value/state is added.
  • then, the attr is edited to src via the Attributes editor to make it v-bind:src="imageUrl".
  • This technique is required only when there is a need to edit the LHS (left-hand-side), such as when v-bind'ing an attribute (like above), or when adding event modifiers (prevent, once, etc) to event handlers, for eg, <a @click.stop.prevent="doThat()"></a>. For more details, refer to the official documentation of the frameworks. (Vue.js - docs)

  
  
  

• For Alpinejs, replaced jsdelivr cdn links with unpkg ones.

• [Not active] When using one of the page templates of a framework, the framework is auto-selected in the Frameworks menu. This feature is currently not active as it requires backporting event on_file_created_from_master_page from Vue Designer to Pinegrow.

• Added readme to the installation package.