{"id":22738,"library":"vite-plugin-meta-tags","title":"Vite Plugin Meta Tags","description":"A Vite plugin (v0.1.4) that automatically injects meta tags (title, description, Open Graph, Twitter Card, theme color) into your index.html. It is lightweight, ships TypeScript types, and supports custom tags and environment variable integration. Active development with rapid releases. Differentiator: focused solely on meta injection with zero-config defaults for common SEO tags, unlike broader HTML-transform plugins.","status":"active","version":"0.1.4","language":"javascript","source_language":"en","source_url":"https://github.com/byr0n3/vite-plugin-meta-tags","tags":["javascript","vite","vite-plugin","meta-tags","meta","typescript"],"install":[{"cmd":"npm install vite-plugin-meta-tags","lang":"bash","label":"npm"},{"cmd":"yarn add vite-plugin-meta-tags","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-plugin-meta-tags","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency; required as the plugin runs in Vite's build pipeline","package":"vite","optional":false}],"imports":[{"note":"Named export; also ESM-only (package has no CJS export). Using require() will fail.","wrong":"const meta = require('vite-plugin-meta-tags')","symbol":"meta","correct":"import { meta } from 'vite-plugin-meta-tags'"},{"note":"TypeScript users can import the options type for type safety.","wrong":"","symbol":"MetaInput","correct":"import type { MetaInput } from 'vite-plugin-meta-tags'"},{"note":"Default import also works (resolves to the same named export).","wrong":"import { meta as defaultMeta } from 'vite-plugin-meta-tags'","symbol":"meta (default import)","correct":"import meta from 'vite-plugin-meta-tags'"}],"quickstart":{"code":"import { defineConfig } from 'vite';\nimport { meta } from 'vite-plugin-meta-tags';\n\nexport default defineConfig({\n  plugins: [\n    meta({\n      title: 'My App',\n      description: 'A description of my app',\n      url: 'https://example.com',\n      img: '/og-image.png',\n      color: '#663399',\n    }),\n  ],\n});","lang":"typescript","description":"Basic usage: configure meta tags in vite.config.ts. Plugin injects title, meta description, Open Graph, Twitter Card, and theme color tags."},"warnings":[{"fix":"Upgrade to v0.1.4 or later; remove these options from your config.","message":"The `enfore` and `transform` options were deprecated in v0.1.4.","severity":"deprecated","affected_versions":">=0.1.0 <0.1.4"},{"fix":"Add '\"type\": \"module\"' to your package.json, or use a .mjs extension for your config file.","message":"If you don't set `type: \"module\"` in package.json, you may get a 'change to a dynamic import()' error when importing the plugin.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"If you relied on custom tags being last, update your tag order logic after upgrading to v0.1.2+.","message":"In v0.1.2, custom tags ordering changed: custom tags are now appended first (before default tags).","severity":"breaking","affected_versions":">=0.1.0 <0.1.2"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Use ES module imports: `import { meta } from 'vite-plugin-meta-tags'`. Add '\"type\": \"module\"' to package.json if needed.","cause":"Using a CommonJS require() on an ESM-only package, or using a bundler that cannot resolve named exports from ESM.","error":"Error: 'meta' is not exported from 'vite-plugin-meta-tags'"},{"fix":"Ensure `import { meta } from 'vite-plugin-meta-tags'` is at the top of your vite.config and use `plugins: [meta({...})]`.","cause":"Missing or incorrect Vite plugin configuration (e.g., not wrapping meta() in an array or missing import).","error":"Cannot read properties of undefined (reading 'meta')"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}