TextCritical.net

See https://vuejs.org/v2/guide/single-file-components.html, https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d

http://riotjs.com/

Possible implementation:

• About dialog
• Content me dialog
• Wiki dialog
• Work info dialog

• Content view (could make loading dual works possible)
• Select work dialog

Some fixes needed:

• Need space following the progress bar
• Need to show the title even if there is no section info
• Fix the info dialog

• Reader view
  • Work view
  • Download ebook view
• Search view
  • Search results
    • Search result
• Library view
• About view
• Wiki info lookup view
• Work info lookup view

Questions about riot:

• How do I call a function in the module (like opening a dialog)
• What directory should I put the tags into?
• How do you pass arguments to a riot tag?
  • https://martinmuzatko.github.io/riot-cheatsheet/#templating-options
• How do I load riot JS via require
  • Have to make riot global in scope for it to load
  • See also https://stackoverflow.com/questions/43193538/unable-to-require-tag-on-server-side-in-riot-js
  • I might be able to do this using this technique: https://stackoverflow.com/questions/22210144/how-do-i-export-a-global-variable-from-require-js
• Can a custom tag be included in another tag in a loop?
  • Can't get riot to load a nested tag
    • Using a mount call within the nesting tag
    • Using a mount call within the main code JS (that loads the nesting tag)
  • https://codepen.io/marcusstenbeck/pen/aOzoOv
• How can I pass data from an API call down to a tag via scripting?
  • Can wire up handlers like this: https://github.com/riot/riot/issues/1001
• How can I have a tag not render until it has data?
• How do I share code
  • Use mixins: http://riotjs.com/guide/#mixins
• How do I use if branches?
  • https://github.com/riot/examples/tree/gh-pages/if-else-elseif

Trying to figure out a way to hand results to the searchresults tag.

• Components are self-contained

• The shared code for the observable
• The use of require.js loaded code where the dependency isn't in riot
• The riot tags are all over the place
  • These are being loaded from a central location now

• Tag not loading
  • Tag was not registered (missing the script for riot/tag)
  • Forgot to include the tag itself