fix: 🐛 #267

Author: mubaidr

define.config.mjs

@@ -10,20 +10,24 @@ const gitCommit = spawnSync("git", ["rev-parse", "--short", "HEAD"])
  .stdout.toString()
  .trim()
 
-const jsn = (value) => JSON.stringify(value)
-
 // Don't forget to add your added variables to vite-env.d.ts also!
 
 // These variables are available in your Vue components and will be replaced by their values at build time.
 // These will be compiled into your app. Don't store secrets here!
 
-export const defineViteConfig = {
- __VERSION__: jsn(packageJson.version),
- __NAME__: jsn(packageJson.name),
- __DISPLAY_NAME__: jsn(packageJson.displayName),
- __CHANGELOG__: jsn(changelog),
- __GIT_COMMIT__: jsn(gitCommit),
- __GITHUB_URL__: jsn(packageJson.repository.url),
- // Set the HTML title for all pages from package.json so you can use %HTML_TITLE% in your HTML files.
- HTML_TITLE: jsn(packageJson.displayName),
+const raw = {
+ VERSION: packageJson.version,
+ NAME: packageJson.name,
+ DISPLAY_NAME: packageJson.displayName,
+ CHANGELOG: changelog,
+ GIT_COMMIT: gitCommit,
+ GITHUB_URL: packageJson.repository.url,
+ // Set the HTML title for all pages from package.json so you can use %HTMLTITLE% in your HTML files.
+ HTML_TITLE: packageJson.displayName,
 }
+
+const define = Object.fromEntries(
+ Object.entries(raw).map(([k, v]) => [`__${ k }__`, JSON.stringify(v)])
+)
+
+export { raw, define }

eslint.config.mjs

@@ -6,12 +6,12 @@ import { includeIgnoreFile } from "@eslint/compat"
 import path from "node:path"
 import { fileURLToPath } from "node:url"
 import AutoImportGlobals from "./src/types/.eslintrc-auto-import.json" with { type: "json" }
-import { defineViteConfig as viteDefineVariable } from "./define.config.mjs"
+import define from "./define.config.mjs"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 const gitignorePath = path.resolve(__dirname, ".gitignore")
-const viteDefineGlobals = Object.keys(viteDefineVariable).reduce((acc, key) => {
+const viteDefineGlobals = Object.keys(define).reduce((acc, key) => {
  acc[key] = "readonly"
  return acc
 }, {})

package.json

@@ -1,11 +1,11 @@
 {
  "dependencies": {
  "@nuxt/ui": "^3.1.0",
- "marked": "^15.0.10",
+ "marked": "^15.0.11",
  "pinia": "^3.0.2",
  "vue": "^3.5.13",
  "vue-i18n": "^11.1.3",
- "vue-router": "^4.5.0",
+ "vue-router": "^4.5.1",
  "webextension-polyfill": "^0.12.0"
  },
  "description": "A Vue 3 + Vite project for building Chrome extensions",
@@ -19,33 +19,32 @@
  "@intlify/unplugin-vue-i18n": "^6.0.8",
  "@tailwindcss/typography": "^0.5.16",
  "@types/eslint": "^9.6.1",
- "@types/node": "^22.14.1",
+ "@types/node": "^22.15.3",
  "@types/webextension-polyfill": "^0.12.3",
  "@vitejs/plugin-vue": "^5.2.3",
  "@vue/compiler-sfc": "^3.5.13",
  "@vueuse/core": "^13.1.0",
  "chalk": "^5.4.1",
- "chrome-types": "^0.1.347",
+ "chrome-types": "^0.1.349",
  "commander": "^13.1.0",
  "concurrently": "^9.1.2",
  "cross-env": "^7.0.3",
  "dotenv": "^16.5.0",
  "eslint": "^9.25.1",
- "eslint-plugin-vue": "^10.0.0",
+ "eslint-plugin-vue": "^10.1.0",
  "get-installed-browsers": "^0.1.7",
  "globals": "^16.0.0",
  "prettier": "^3.5.3",
  "sass": "^1.87.0",
  "terser": "^5.39.0",
- "tsx": "^4.19.3",
+ "tsx": "^4.19.4",
  "typescript": "^5.8.3",
- "typescript-eslint": "^8.31.0",
+ "typescript-eslint": "^8.31.1",
  "unplugin-imagemin": "^0.6.7",
  "unplugin-turbo-console": "^2.1.3",
  "unplugin-vue-router": "^0.12.0",
- "vite": "^6.3.3",
- "vite-plugin-html": "^3.2.2",
- "vite-plugin-vue-devtools": "^7.7.5",
+ "vite": "^6.3.4",
+ "vite-plugin-vue-devtools": "^7.7.6",
  "vite-plugin-zip-pack": "^1.2.4",
  "vue-tsc": "^2.2.10",
  "vuefire": "^3.2.1",