오제비

settings.json<pre><code class="language-jsonc">{
 "editor.tabSize": 2,
 "editor.defaultFormatter": "esbenp.prettier-vscode",
 "editor.formatOnSave": true,
 "files.associations": {
 "*.css": "tailwindcss"
 },
 "editor.quickSuggestions": {
 "strings": "on"
 }
}</code></pre>tailwind.config.js<pre><code class="language-jsonc">/** @type {import('tailwindcss').Config} */
module.exports = {
 content: ["./src/**/*.{html,js}"],
 theme: {
 extend: {},
 },
 plugins: [],
};
</code></pre>snippets<pre><code class="language-jsonc"><!DOCTYPE html>
<html lang="ko">
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Spacing</title>
 <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body></body>
</html>
</code></pre>&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/questions/example">Tailwind CSS styling issue </a><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/questions/example">해당 링크는 404 뜨네요</a>

font-weight가 왜 적용이 안될까요?

index.js에 다음 추가하니까 되네요.&nbsp;<pre><code class="language-javascript">+import { routes } from 'vue-router/auto-routes'

createRouter({
 history: createWebHistory(),
 // pass the generated routes written by the plugin 🤖
+ routes,
})</code></pre>