Daniel Roe - Using Vue components in Markdown

uh hello it's a pleasure to be uh to be here uh virtually and uh we're thinking about uh working with vue in markdown which is something that's really important for us so to give a bit of a background um thank you for introducing apparent scheme but we are a content platform so it's really important that we are able to have a good experience for our editors who are not necessarily technical people and to enable them to embed interactive

and interesting components in the articles that they write which of course we don't necessarily completely control from the dev perspective hence why we're talking about working with you in markdown this evening um so obviously markdown is a something i trust we all love greatly um for me i think the three things that particularly stand out about it are the fact that it is so simple you can just write

uh text and there's a relatively small number of things you can do to format uh format the text that you write um i love that it's versionable so that i can store the the uh the text that i produce so that my content editors produce alongside the code so that i can take a snapshot and say nothing is changing it means when you run unit tests or if you're doing some kind of end-to-end testing

it's it's it's very very straightforward you can rely on the pages and articles being placed that you're going to test uh and it does mean you can also do other really useful things so i have a test suite that tests uh that spell checks and uh tests the rendering of different different articles throughout the system and of course it's portable so there are some great cms's out there that um work really well um but at the moment you step into a

particular framework and vendor i personally hate the idea of being locked in anywhere so one thing i like about knockdown is that it is absolutely easy to adopt and uh and you can take it anywhere with you um and there are lots of lots of tools that will enable you to to work with it um i'm guessing we're probably on the same page when it comes to that um it's worth saying as we as we go on um the aim is to build a view setup for using

markdown such that we can use view components uh easily in markdown just embed them in the same way you do anything else the aim is that you have something that's intuitive for non-programmers so they can edit it and they don't have to remember their syntax for example for passing props to a component embedded in the markdown um and something that's editable so it has a really easy cms integration and we're going to build all that uh this evening together

we're saying if anyone has any questions or if there's something i say that isn't clear please do ping me and uh and just drop a note in the chat which i will do my best to watch but i'm sure that someone will pop on this uh this call and stop me if there's anything i really need to answer but this is what we're going for so we want to we want cms we want to be able to embed view components in our lockdown files and we want to make it as easy as possible for editors to uh

to edit them and and control the flow so to start with editable so we'll set up netlify cms to start with i have a um i have thrown up a git repo uh called uh ujs berlin um and uh it's on my github i'm just going to send a link through to a youtube channel