A companion filter for Pelican Comment System

Pelican is a fantastic Python powered static site generator. It's mature, has many plugins and is pretty fast! Maybe not Hugo fast, but fast enough for a Python enthusiast :)

It's got some cantankerous old bumps though. The class objects generated by Pelican are complex and are not easily serializable for fancy front-end frameworks like VueJS or React. The same problem is inherited by Pelican Comment System.

Fear not! I have written a jinja2 filter that will solve this problem for PCS :D

Clone this repository into whatever Pelican plugins directory you're using, add pcs-serializer to your list of plugins in your pelicanconfig.py, then in your article.html template, use the filter article.comments like so:

<some-vue-component
  comments="{{ article.comments | cserializer | e }}">
</some-vue-component>

Note: the e filter is required after cserializer for escaping the resulting JSON made by the filter. Check your component props, you should now have a shiny new JSON string that you can decode into a useful JS object.