Run Prettier across projects

Problem:
Prettier was not running when I saved Emacs buffers.

Why?
- prettier-js-mode needs needs node; lorri exposes node to direnv; direnv
  exposes node to Emacs; lorri was not working as expected.

Solution:
Now that I'm using nix-buffer, I can properly expose node (and other
dependencies) to my Emacs buffers. Now Prettier is working.

Commentary:
Since prettier hadn't worked for so long, I stopped thinking about it. As such,
I did not include it as a dependency in boilerplate/typescript. I added it
now. I retroactively ran prettier across a few of my frontend projects to unify
the code styling.

I may need to run...
```shell
$ cd ~/briefcase
$ nix-shell
$ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}"
```
...to see which files I should have formatted.
This commit is contained in:
William Carroll 2020-03-27 10:52:13 +00:00
parent f4f7f454fa
commit 514136c99a
22 changed files with 181 additions and 128 deletions

View file

@ -4,7 +4,10 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Learn to code" />
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link
href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet"
/>
<title>Learn to code</title>
</head>
<body class="font-serif container max-w-2xl mx-auto px-8">
@ -42,33 +45,58 @@
<h2 class="text-3xl">Pricing</h2>
<p class="leading-relaxed mb-4">
I charge <bold class="font-bold">£50</bold> per hour for video lessons
and <bold class="font-bold">£100</bold> per hour for in-person
sessions. I am currently based in South Kensington, London.
and <bold class="font-bold">£100</bold> per hour for in-person sessions.
I am currently based in South Kensington, London.
</p>
</div>
<div class="my-4">
<h2 class="text-3xl">Contact</h2>
<p class="leading-relaxed mb-4">
Whether you want to sign-up or simply want to learn more, send me an
email at <a href="mailto:wpcarro@gmail.com" class="font-bold text-blue-600 hover:underline">wpcarro@gmail.com</a>.
email at
<a
href="mailto:wpcarro@gmail.com"
class="font-bold text-blue-600 hover:underline"
>wpcarro@gmail.com</a
>.
</p>
<p class="text-center my-8">Why delay? <em>Start today.</em></p>
</div>
<footer class="mb-8 lg:flex">
<a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://blog.wpcarro.dev">Blog</a>
<a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://linkedin.com/in/williampatrickcarroll">LinkedIn</a>
<a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://twitter.com/wpcarro">Twitter</a>
<a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://github.com/wpcarro">Github</a>
<a
class="block py-2 lg:w-1/4 text-center hover:underline"
href="https://blog.wpcarro.dev"
>Blog</a
>
<a
class="block py-2 lg:w-1/4 text-center hover:underline"
href="https://linkedin.com/in/williampatrickcarroll"
>LinkedIn</a
>
<a
class="block py-2 lg:w-1/4 text-center hover:underline"
href="https://twitter.com/wpcarro"
>Twitter</a
>
<a
class="block py-2 lg:w-1/4 text-center hover:underline"
href="https://github.com/wpcarro"
>Github</a
>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160226702-1">
</script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-160226702-1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag('config', 'UA-160226702-1');
gtag("config", "UA-160226702-1");
</script>
</body>
</html>