<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">NAME
    Mojolicious::Plugin::Riotjs - A Mojolicious plugin for including riot.js
    .tag files in your project

VERSION
    0.01

DESCRIPTION
    Mojolicious::Plugin::Riotjs is a Mojolicious plugin for including
    riot.js &lt;https://muut.com/riotjs/&gt; ".tag" files in your project. It also
    makes it very easy to bundle the latest riot.js
    &lt;https://muut.com/riotjs/download.html&gt;.

  What is riotjs?
    From the web page &lt;https://muut.com/riotjs/&gt;:

      A REACT-LIKE, 2.5KB USER INTERFACE LIBRARY
      Custom tags - Virtual DOM - Full stack - IE8

SYNOPSIS
      use Mojolicious::Lite;

      get "/" =&gt; "index";
      app-&gt;plugin("riotjs");
      app-&gt;asset(
        "app.js" =&gt; qw(
          https://muut.com/riotjs/dist/demo/js/riot.js
          /js/todo.tag
          /js/main.js
        )
      );
      app-&gt;start;

      __DATA__
      @@ /js/todo.tag
      &lt;todo&gt;
        &lt;h3&gt;{ opts.title }&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li each={ item, i in items }&gt;{ item.title }&lt;/li&gt;
        &lt;/ul&gt;
        &lt;form onsubmit={ add }&gt;
          &lt;input&gt;
          &lt;button&gt;Add #{ items.length + 1 }&lt;/button&gt;
        &lt;/form&gt;

        this.items = []

        add(e) {
          var input = e.target[0]
          if (input.value.length) this.items.push({ title: input.value })
          input.value = ''
        }
      &lt;/todo&gt;

      @@ /js/main.js
      riot.mount('todo')

      @@ index.html.ep
      &lt;!DOCTYPE html&gt;
      &lt;html&gt;
        &lt;head&gt;
          &lt;title&gt;Riot.js Demo&lt;/title&gt;
          &lt;!--[if lt IE 9]&gt;
          &lt;script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.5/es5-shim.min.js"&gt;&lt;/script&gt;
          &lt;script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;html5.addElements('todo')&lt;/script&gt;
          &lt;![endif]--&gt;
        &lt;/head&gt;
        &lt;body&gt;
          &lt;todo&gt;&lt;/todo&gt;
          %= asset "app.js"
        &lt;/body&gt;
      &lt;/html&gt;

METHODS
  register
    Will register the Mojolicious::Plugin::Riotjs::Preprocessor with the
    ".tag" file extension.

COPYRIGHT AND LICENSE
    Copyright (C) 2014, Jan Henning Thorsen

    This program is free software, you can redistribute it and/or modify it
    under the terms of the Artistic License version 2.0.

AUTHOR
    Jan Henning Thorsen - "jhthorsen@cpan.org"

</pre></body></html>