I did add Visual Studio Code extension es6-string-html for in template syntax highlighting but I also miss autofill for Tailwind CSS in the template backticks. I did add settings.json in .vscode/settings.json

{
    "files.associations": {
    "*.css": "tailwindcss"
},
    "tailwindCSS.includeLanguages": {
      "html": "HTML",
      "javascript": "javascript",
      "css": "css",
      "vue": "html",      // Add this line for Vue templates
      "vue-html": "html",  // For single-file Vue components
      "plaintext": "html"
    },
    "editor.quickSuggestions": {
      "strings": "on"
    },
  }

and first-vue-component/tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

but not autofill in the template backticked block. Only in the actual html in the body. Any ideas what I am missing here?

Your First Custom Vue Component