[docs] simplify template literals to string primitives

[dleicht]

Coming from python JS template literal syntax was new to me. This part of the otherwise fantastic tutorial threw me off, because I did not immediately notice the backticks. Like: "Oh, that's an interesting concept. But it doesn't work. Bummer."
Took me a while to figure.

[Conduitry]

I don't know where the line is here about which JS features to explain in the docs. That could really easily get out of hand. If we do want to mention something here, I think it should be shorter and consist pretty much of just a link to MDN.

[bluwy]

I'm not entirely sure if we need this either, but I've heard on Discord before about this issue too. Perhaps we can do + 'count' instead? Since the next chapter that uses backticks is Chapter 6 and the syntax there is noticeably deliberate as nested quotes are used.

[dleicht]

I'm not entirely sure if we need this either, but I've heard on Discord before about this issue too. Perhaps we can do + 'count' instead? Since the next chapter that uses backticks is Chapter 6 and the syntax there is noticeably deliberate as nested quotes are used.

Reading this gave me the impression that you guys wanted the tutorial to be as easy and comprehensible as possible. If you decide to keep the backticks, then a tiny hint at that position would be really helpful imho :)

[bluwy]

That's true and it still is. But we would still need to draw the line between teaching Svelte and teaching JS. Nonetheless, I would approve this if we refactor the code as + count instead, and remove the backticks. Others might have an opinion on this.

[benmccann]

the next chapter that uses backticks is Chapter 6 and the syntax there is noticeably deliberate as nested quotes are used.

I'm not quite sure which one you're referring to. This was the first one I saw in chapter 6, but there doesn't seem to be nested quotes: https://svelte.dev/tutorial/group-inputs

[bluwy]

I'm not quite sure which one you're referring to. This was the first one I saw in chapter 6, but there doesn't seem to be nested quotes: https://svelte.dev/tutorial/group-inputs

Yeah in that tutorial, on line 7 there's the usage of single quotes in the template literals, which I think makes it more obvious (maybe that's just me). But the usage of those inline JS expressions should make it obvious too.

[benmccann]

I prefer @bluwy's + 'count' change rather than adding an explanation about template literals. It's far more concise

[bluwy]

I've updated to use all single quotes instead.