slim-template
How about add vue.js support?
You just use the directive tags like normal but make them slim syntax.
.signed-in v-if="user"
= "Wecome, {{ user.name }}"
a.sign-out-button v-on:click="signOut" Sign out
a good gem? they are also this, how can i well integrate without a complexity? https://github.com/vuetifyjs/vuetify i use Turbolinks, all ok?
For example, you can't do this: span.taxonomyTitle {{ category.title }}
Or you get this error: Slim::Parser::SyntaxError Expected attribute
Why? The curly braces don't mean anything special in Slim, so why won't it just leave them alone? Why do I have to do a weird trick to show the curly braces?
Re-read the Slim syntax docs, and I see that there are three (!!!) equivalent ways to delimit HTML attributes, IN ADDITION to not using a delimiter at all.
Why do we need to be able to mix-and-match [], () and {}? Why do we need three different types of parentheses that do the exact same thing? This is the kind of anti-feature that people use as an argument against Slim.
Pick one, tell us what it is, and we'll stick to that. And don't pick {}. That will conflict with every client-side template engine on the planet.
Sure, you can do this to fix the bug: https://stackoverflow.com/questions/17687389/slim-template-interprets-myjsvar-as-html-attribute-grouping
But why isn't this behavior just the default? It doesn't make sense that someone should have to spend extra time searching, reading and configuring, just to get a sensible default that's compatible with client-side code.
Again, this is the kind of anti-feature that people bring up when I propose using Slim.
Related note: pug, which is based on slim can be used within vue components in the webpacker asset pipeline.
Related note: pug, which is based on slim can be used within vue components in the webpacker asset pipeline.
I don't like pug, is there something more similar to slim?
