First try at building a decent blog app (which means previous attempts were indecent LOL).
Deployed at: https://blogginginhell.netlify.app/
-
I shouldn't have tried to write the
ssg
module functionally. -
String.prototype.replace(searchPattern, replacementText)
- The second argument assumes that some character sequences have special meaning and this have wrecked havoc for 1 hour straight. All I wanted to do was simply replacing the substring that matches the
searchPattern
withreplacementText
. However, it produces some weird result I couldn't understand. As I found out later, some sequences in myreplacementText
have been transformed, leading to the weird result. - As a fix, I simply pass a callback that returns the string I intended to replace the pattern.
- The second argument assumes that some character sequences have special meaning and this have wrecked havoc for 1 hour straight. All I wanted to do was simply replacing the substring that matches the
-
Always use
style scoped
to prevent "style leak". If you want to pass a style to child components, use:deep(<inner-selector>)
. -
Never use the css property
line-height < 0
. -
Always specify the format of date string for parsing. (Costs me a day)
-
Use npmjs to search for a library before installing. (Costs me an hour)
-
Never forget to pass
key
when using v-for. -
Avoid using top-level scripts as much as possible.
The blog sort by date function currently doesn't work correctly on FireFox, causing hydration mismatch and the index page isn't working correctly -- while Chrome works fine.The datetime parsing was causing problems - Because luxon expects the date string to be in another format, it returnsNaN
and unexpected behaviors ensue! It takes me one day OMG!