VSCode (and Cursor) label pattern rules for Svelte and Astro

settings.json

"workbench.editor.customLabels.patterns": {
  "**/src/**/*.css": "${filename}",
  "**/src/**/utils/**/*.{js,ts}": "${filename} ⚙️",
  "**/src/**/*.{js,ts}": "${filename}",
  /** SVELTE */
  "**/src/**/*.svelte": "${filename}",
  "**/src/stores/**/*.{js,ts}": "${filename} (Store)",
  /** SVELTEKIT */
  "**/src/routes/**/+layout.svelte": "${dirname} (Layout)",
  "**/src/routes/**/+layout.{js,ts}": "${dirname} (LayoutLoad)",
  "**/src/routes/**/+layout.server.{js,ts}": "${dirname} (LayoutServerLoad)",
  "**/src/routes/+page.svelte": "Home (Page)",
  // require at least one dir with /*/**/, otherwise glob beats Home
  "**/src/routes/*/**/+page.svelte": "${dirname} (Page)",
  "**/src/routes/*/**/+page.{mdsvex,mdx}": "${dirname} (MDX)",
  "**/src/routes/**/[[]slug[]]/+page.svelte": "${dirname} (Route)",
  "**/src/routes/**/+error.svelte": "${dirname} (Error Page)",
  "**/src/routes/**/+page.{js,ts}": "${dirname} (Load)",
  "**/src/routes/**/+page.server.{js,ts}": "${dirname} (ServerLoad)",
  "**/src/routes/**/+server.{js,ts}": "${dirname} (Endpoint)",
  "**/src/routes/**/*.remote.{js,ts}": "${filename} (Remote)",
  "**/src/lib/server/*.{js,ts}": "${filename} (🔒Server)",
  "**/src/hooks.{js,ts}": "Universal Hook",
  "**/src/hooks.client.{js,ts}": "Client Hook",
  "**/src/hooks.server.{js,ts}": "Server Hook",
  /** ASTRO */
  "**/src/layouts/**/*.astro": "${filename} (Layout)",
  "**/src/**/*.astro": "${filename}",
  "**/src/pages/index.astro": "Home (Page)",
  "**/src/pages/**/[[]...slug[]].astro": "${dirname} (Slug)",
  "**/src/pages/*/**/*.astro": "${dirname}/${filename} (Page)",
  "**/src/content/**/*.md": "${dirname}/${filename}",
  /** STORYBOOK */
  "**/src/stories/**/*.*": "${filename} (Story)"
},