vite-plugin-vue-devtools 7.1.2 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/client/assets/index-CDBAuZCi.js +1104 -0
  2. package/client/assets/index-Cka_f-Nd.css +1 -0
  3. package/client/assets/shellscript-BZfs-ost.js +1 -0
  4. package/client/assets/shellscript-C_gmBC5P-BZfs-ost.js +1 -0
  5. package/client/assets/unocss-runtime-C2aH1Jer.js +2 -0
  6. package/client/assets/{vitesse-dark-CQ1WWl9n.js → vitesse-dark-Bxkoe-BC.js} +1 -1
  7. package/client/assets/{vitesse-dark-DX6gc1PC-CQ1WWl9n.js → vitesse-dark-CkUHDarG-Bxkoe-BC.js} +1 -1
  8. package/client/assets/{vitesse-light-BQX_J3vG-DaCkt_J7.js → vitesse-light-Br6ll-O0.js} +1 -1
  9. package/client/assets/{vitesse-light-DaCkt_J7.js → vitesse-light-K81-viQS-Br6ll-O0.js} +1 -1
  10. package/client/assets/{vue-CP4EDFt0.js → vue-CMvPPucx.js} +11 -11
  11. package/client/assets/vue-apis-9Qvy4Ky5.js +1 -0
  12. package/client/assets/{vue-html-9lCBN0KK.js → vue-html-DxgvOoVJ.js} +1 -1
  13. package/client/assets/{vue-html-D0BKftsE-DYUd3QbO.js → vue-html-PWeNQaIl-ChlIBMe8.js} +1 -1
  14. package/client/assets/{vue-CSiwUDF5-BenY5O_m.js → vue-yccoFuXf-q8nGVquG.js} +11 -11
  15. package/client/index.html +2 -2
  16. package/dist/vite.cjs +12 -11
  17. package/dist/vite.d.cts +14 -8
  18. package/dist/vite.d.mts +14 -8
  19. package/dist/vite.d.ts +14 -8
  20. package/dist/vite.mjs +12 -11
  21. package/package.json +6 -6
  22. package/src/overlay/devtools-overlay.css +1 -1
  23. package/src/overlay/devtools-overlay.js +4 -4
  24. package/client/assets/index-BFXmWfZp.css +0 -1
  25. package/client/assets/index-NGtCHpUr.js +0 -1104
  26. package/client/assets/shellscript-D4k753MY.js +0 -1
  27. package/client/assets/shellscript-DQ1J75ow-D4k753MY.js +0 -1
  28. package/client/assets/unocss-runtime-pCzu9suo.js +0 -2
  29. package/client/assets/vue-apis-buOuct3A.js +0 -1
package/client/index.html CHANGED
@@ -6,8 +6,8 @@
6
6
  <link rel="icon" href="./logo.svg" type="image/svg+xml" />
7
7
  <title>Vue DevTools Client</title>
8
8
  <script src="./color-scheme.js"></script>
9
- <script type="module" crossorigin src="./assets/index-NGtCHpUr.js"></script>
10
- <link rel="stylesheet" crossorigin href="./assets/index-BFXmWfZp.css">
9
+ <script type="module" crossorigin src="./assets/index-CDBAuZCi.js"></script>
10
+ <link rel="stylesheet" crossorigin href="./assets/index-Cka_f-Nd.css">
11
11
  </head>
12
12
  <body>
13
13
  <div id="app"></div>
package/dist/vite.cjs CHANGED
@@ -7728,15 +7728,15 @@ function imageMeta(input) {
7728
7728
  }
7729
7729
 
7730
7730
  function guessType(path) {
7731
- if (/\.(png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
7731
+ if (/\.(?:png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
7732
7732
  return "image";
7733
- if (/\.(mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
7733
+ if (/\.(?:mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
7734
7734
  return "video";
7735
- if (/\.(mp3|wav|ogg|flac|aac|wma|alac|ape|ac3|dts|tta|opus|amr|aiff|au|mid|midi|ra|rm|wv|weba|dss|spx|vox|tak|dsf|dff|dsd|cda)$/i.test(path))
7735
+ if (/\.(?:mp3|wav|ogg|flac|aac|wma|alac|ape|ac3|dts|tta|opus|amr|aiff|au|mid|midi|ra|rm|wv|weba|dss|spx|vox|tak|dsf|dff|dsd|cda)$/i.test(path))
7736
7736
  return "audio";
7737
- if (/\.(woff2?|eot|ttf|otf|ttc|pfa|pfb|pfm|afm)/i.test(path))
7737
+ if (/\.(?:woff2?|eot|ttf|otf|ttc|pfa|pfb|pfm|afm)/i.test(path))
7738
7738
  return "font";
7739
- if (/\.(json[5c]?|te?xt|[mc]?[jt]sx?|md[cx]?|markdown|ya?ml|toml)/i.test(path))
7739
+ if (/\.(?:json[5c]?|te?xt|[mc]?[jt]sx?|md[cx]?|markdown|ya?ml|toml)/i.test(path))
7740
7740
  return "text";
7741
7741
  if (/\.wasm/i.test(path))
7742
7742
  return "wasm";
@@ -7855,7 +7855,8 @@ function normalizeComboKeyPrint(toggleComboKey) {
7855
7855
  }
7856
7856
  const defaultOptions = {
7857
7857
  appendTo: "",
7858
- componentInspector: true
7858
+ componentInspector: true,
7859
+ launchEditor: "code"
7859
7860
  };
7860
7861
  function mergeOptions(options) {
7861
7862
  return Object.assign({}, defaultOptions, options);
@@ -7890,7 +7891,7 @@ function VitePluginVueDevTools(options) {
7890
7891
  const urls = server.resolvedUrls;
7891
7892
  const keys = normalizeComboKeyPrint("option-shift-d");
7892
7893
  _printUrls();
7893
- for (const url of urls?.local)
7894
+ for (const url of urls.local)
7894
7895
  console.log(` ${green("\u279C")} ${bold("Vue DevTools")}: ${green(`Open ${colorUrl(`${url}__devtools__/`)} as a separate window`)}`);
7895
7896
  console.log(` ${green("\u279C")} ${bold("Vue DevTools")}: ${green(`Press ${yellow(keys)} in App to toggle the Vue DevTools`)}
7896
7897
  `);
@@ -7918,10 +7919,8 @@ function VitePluginVueDevTools(options) {
7918
7919
  if (id === "virtual:vue-devtools-options")
7919
7920
  return `export default ${JSON.stringify({ base: config.base, componentInspector: pluginOptions.componentInspector })}`;
7920
7921
  },
7921
- transform(code, id) {
7922
- const { root } = config;
7923
- const projectPath = `${root}`;
7924
- if (!id.startsWith(projectPath))
7922
+ transform(code, id, options2) {
7923
+ if (options2?.ssr)
7925
7924
  return;
7926
7925
  const { appendTo } = pluginOptions;
7927
7926
  const [filename] = id.split("?", 2);
@@ -7948,6 +7947,7 @@ ${code}`;
7948
7947
  pluginOptions.componentInspector && {
7949
7948
  tag: "script",
7950
7949
  injectTo: "head-prepend",
7950
+ launchEditor: pluginOptions.launchEditor,
7951
7951
  attrs: {
7952
7952
  type: "module",
7953
7953
  src: `${config.base || "/"}@id/virtual:vue-inspector-path:load.js`
@@ -7964,6 +7964,7 @@ ${code}`;
7964
7964
  pluginOptions.componentInspector && VueInspector__default({
7965
7965
  toggleComboKey: "",
7966
7966
  toggleButtonVisibility: "never",
7967
+ launchEditor: pluginOptions.launchEditor,
7967
7968
  ...typeof pluginOptions.componentInspector === "boolean" ? {} : pluginOptions.componentInspector,
7968
7969
  appendTo: pluginOptions.appendTo || "manually"
7969
7970
  }),
package/dist/vite.d.cts CHANGED
@@ -25,24 +25,30 @@ interface VitePluginVueDevToolsOptions {
25
25
  */
26
26
  appendTo?: string | RegExp;
27
27
  /**
28
- * Customize openInEditor host (e.g. http://localhost:3000)
28
+ * Enable vue component inspector
29
+ *
30
+ * @default true
31
+ */
32
+ componentInspector?: boolean | VitePluginInspectorOptions;
33
+ /**
34
+ * Target editor when open in editor (v7.2.0+)
35
+ *
36
+ * @default code (Visual Studio Code)
37
+ */
38
+ launchEditor?: 'appcode' | 'atom' | 'atom-beta' | 'brackets' | 'clion' | 'code' | 'code-insiders' | 'codium' | 'emacs' | 'idea' | 'notepad++' | 'pycharm' | 'phpstorm' | 'rubymine' | 'sublime' | 'vim' | 'visualstudio' | 'webstorm';
39
+ /**
40
+ * Customize openInEditor host
29
41
  * @default false
30
42
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
31
43
  */
32
44
  openInEditorHost?: string | false;
33
45
  /**
34
- * DevTools client host (e.g. http://localhost:3000)
46
+ * DevTools client host
35
47
  * useful for projects that use a reverse proxy
36
48
  * @default false
37
49
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
38
50
  */
39
51
  clientHost?: string | false;
40
- /**
41
- * Enable Vue Component Inspector
42
- *
43
- * @default true
44
- */
45
- componentInspector?: boolean | VitePluginInspectorOptions;
46
52
  }
47
53
  declare function VitePluginVueDevTools(options?: VitePluginVueDevToolsOptions): PluginOption;
48
54
 
package/dist/vite.d.mts CHANGED
@@ -25,24 +25,30 @@ interface VitePluginVueDevToolsOptions {
25
25
  */
26
26
  appendTo?: string | RegExp;
27
27
  /**
28
- * Customize openInEditor host (e.g. http://localhost:3000)
28
+ * Enable vue component inspector
29
+ *
30
+ * @default true
31
+ */
32
+ componentInspector?: boolean | VitePluginInspectorOptions;
33
+ /**
34
+ * Target editor when open in editor (v7.2.0+)
35
+ *
36
+ * @default code (Visual Studio Code)
37
+ */
38
+ launchEditor?: 'appcode' | 'atom' | 'atom-beta' | 'brackets' | 'clion' | 'code' | 'code-insiders' | 'codium' | 'emacs' | 'idea' | 'notepad++' | 'pycharm' | 'phpstorm' | 'rubymine' | 'sublime' | 'vim' | 'visualstudio' | 'webstorm';
39
+ /**
40
+ * Customize openInEditor host
29
41
  * @default false
30
42
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
31
43
  */
32
44
  openInEditorHost?: string | false;
33
45
  /**
34
- * DevTools client host (e.g. http://localhost:3000)
46
+ * DevTools client host
35
47
  * useful for projects that use a reverse proxy
36
48
  * @default false
37
49
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
38
50
  */
39
51
  clientHost?: string | false;
40
- /**
41
- * Enable Vue Component Inspector
42
- *
43
- * @default true
44
- */
45
- componentInspector?: boolean | VitePluginInspectorOptions;
46
52
  }
47
53
  declare function VitePluginVueDevTools(options?: VitePluginVueDevToolsOptions): PluginOption;
48
54
 
package/dist/vite.d.ts CHANGED
@@ -25,24 +25,30 @@ interface VitePluginVueDevToolsOptions {
25
25
  */
26
26
  appendTo?: string | RegExp;
27
27
  /**
28
- * Customize openInEditor host (e.g. http://localhost:3000)
28
+ * Enable vue component inspector
29
+ *
30
+ * @default true
31
+ */
32
+ componentInspector?: boolean | VitePluginInspectorOptions;
33
+ /**
34
+ * Target editor when open in editor (v7.2.0+)
35
+ *
36
+ * @default code (Visual Studio Code)
37
+ */
38
+ launchEditor?: 'appcode' | 'atom' | 'atom-beta' | 'brackets' | 'clion' | 'code' | 'code-insiders' | 'codium' | 'emacs' | 'idea' | 'notepad++' | 'pycharm' | 'phpstorm' | 'rubymine' | 'sublime' | 'vim' | 'visualstudio' | 'webstorm';
39
+ /**
40
+ * Customize openInEditor host
29
41
  * @default false
30
42
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
31
43
  */
32
44
  openInEditorHost?: string | false;
33
45
  /**
34
- * DevTools client host (e.g. http://localhost:3000)
46
+ * DevTools client host
35
47
  * useful for projects that use a reverse proxy
36
48
  * @default false
37
49
  * @deprecated This option is deprecated and removed in 7.1.0. The plugin now automatically detects the correct host.
38
50
  */
39
51
  clientHost?: string | false;
40
- /**
41
- * Enable Vue Component Inspector
42
- *
43
- * @default true
44
- */
45
- componentInspector?: boolean | VitePluginInspectorOptions;
46
52
  }
47
53
  declare function VitePluginVueDevTools(options?: VitePluginVueDevToolsOptions): PluginOption;
48
54
 
package/dist/vite.mjs CHANGED
@@ -7712,15 +7712,15 @@ function imageMeta(input) {
7712
7712
  }
7713
7713
 
7714
7714
  function guessType(path) {
7715
- if (/\.(png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
7715
+ if (/\.(?:png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
7716
7716
  return "image";
7717
- if (/\.(mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
7717
+ if (/\.(?:mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
7718
7718
  return "video";
7719
- if (/\.(mp3|wav|ogg|flac|aac|wma|alac|ape|ac3|dts|tta|opus|amr|aiff|au|mid|midi|ra|rm|wv|weba|dss|spx|vox|tak|dsf|dff|dsd|cda)$/i.test(path))
7719
+ if (/\.(?:mp3|wav|ogg|flac|aac|wma|alac|ape|ac3|dts|tta|opus|amr|aiff|au|mid|midi|ra|rm|wv|weba|dss|spx|vox|tak|dsf|dff|dsd|cda)$/i.test(path))
7720
7720
  return "audio";
7721
- if (/\.(woff2?|eot|ttf|otf|ttc|pfa|pfb|pfm|afm)/i.test(path))
7721
+ if (/\.(?:woff2?|eot|ttf|otf|ttc|pfa|pfb|pfm|afm)/i.test(path))
7722
7722
  return "font";
7723
- if (/\.(json[5c]?|te?xt|[mc]?[jt]sx?|md[cx]?|markdown|ya?ml|toml)/i.test(path))
7723
+ if (/\.(?:json[5c]?|te?xt|[mc]?[jt]sx?|md[cx]?|markdown|ya?ml|toml)/i.test(path))
7724
7724
  return "text";
7725
7725
  if (/\.wasm/i.test(path))
7726
7726
  return "wasm";
@@ -7839,7 +7839,8 @@ function normalizeComboKeyPrint(toggleComboKey) {
7839
7839
  }
7840
7840
  const defaultOptions = {
7841
7841
  appendTo: "",
7842
- componentInspector: true
7842
+ componentInspector: true,
7843
+ launchEditor: "code"
7843
7844
  };
7844
7845
  function mergeOptions(options) {
7845
7846
  return Object.assign({}, defaultOptions, options);
@@ -7874,7 +7875,7 @@ function VitePluginVueDevTools(options) {
7874
7875
  const urls = server.resolvedUrls;
7875
7876
  const keys = normalizeComboKeyPrint("option-shift-d");
7876
7877
  _printUrls();
7877
- for (const url of urls?.local)
7878
+ for (const url of urls.local)
7878
7879
  console.log(` ${green("\u279C")} ${bold("Vue DevTools")}: ${green(`Open ${colorUrl(`${url}__devtools__/`)} as a separate window`)}`);
7879
7880
  console.log(` ${green("\u279C")} ${bold("Vue DevTools")}: ${green(`Press ${yellow(keys)} in App to toggle the Vue DevTools`)}
7880
7881
  `);
@@ -7902,10 +7903,8 @@ function VitePluginVueDevTools(options) {
7902
7903
  if (id === "virtual:vue-devtools-options")
7903
7904
  return `export default ${JSON.stringify({ base: config.base, componentInspector: pluginOptions.componentInspector })}`;
7904
7905
  },
7905
- transform(code, id) {
7906
- const { root } = config;
7907
- const projectPath = `${root}`;
7908
- if (!id.startsWith(projectPath))
7906
+ transform(code, id, options2) {
7907
+ if (options2?.ssr)
7909
7908
  return;
7910
7909
  const { appendTo } = pluginOptions;
7911
7910
  const [filename] = id.split("?", 2);
@@ -7932,6 +7931,7 @@ ${code}`;
7932
7931
  pluginOptions.componentInspector && {
7933
7932
  tag: "script",
7934
7933
  injectTo: "head-prepend",
7934
+ launchEditor: pluginOptions.launchEditor,
7935
7935
  attrs: {
7936
7936
  type: "module",
7937
7937
  src: `${config.base || "/"}@id/virtual:vue-inspector-path:load.js`
@@ -7948,6 +7948,7 @@ ${code}`;
7948
7948
  pluginOptions.componentInspector && VueInspector({
7949
7949
  toggleComboKey: "",
7950
7950
  toggleButtonVisibility: "never",
7951
+ launchEditor: pluginOptions.launchEditor,
7951
7952
  ...typeof pluginOptions.componentInspector === "boolean" ? {} : pluginOptions.componentInspector,
7952
7953
  appendTo: pluginOptions.appendTo || "manually"
7953
7954
  }),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vite-plugin-vue-devtools",
3
3
  "type": "module",
4
- "version": "7.1.2",
4
+ "version": "7.2.0",
5
5
  "description": "A vite plugin for Vue DevTools",
6
6
  "author": "webfansplz",
7
7
  "license": "MIT",
@@ -49,13 +49,13 @@
49
49
  "execa": "^8.0.1",
50
50
  "sirv": "^2.0.4",
51
51
  "vite-plugin-inspect": "^0.8.4",
52
- "vite-plugin-vue-inspector": "^5.0.1",
53
- "@vue/devtools-core": "^7.1.2",
54
- "@vue/devtools-shared": "^7.1.2",
55
- "@vue/devtools-kit": "^7.1.2"
52
+ "vite-plugin-vue-inspector": "^5.1.0",
53
+ "@vue/devtools-shared": "^7.2.0",
54
+ "@vue/devtools-core": "^7.2.0",
55
+ "@vue/devtools-kit": "^7.2.0"
56
56
  },
57
57
  "devDependencies": {
58
- "@types/node": "^20.12.7",
58
+ "@types/node": "^20.12.12",
59
59
  "fast-glob": "^3.3.2",
60
60
  "image-meta": "^0.2.0",
61
61
  "pathe": "^1.1.2"
@@ -1 +1 @@
1
- .vue-devtools-frame[data-v-8b2fd87f]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-8b2fd87f] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-8b2fd87f]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-8b2fd87f]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-8b2fd87f] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-8b2fd87f]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-8b2fd87f]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-8b2fd87f]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-8b2fd87f]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-c700d689]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.fullscreen[data-v-c700d689]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-c700d689]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out}.vue-devtools__anchor-btn[data-v-c700d689]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-c700d689]{width:14px;height:14px}.vue-devtools__anchor-btn.active[data-v-c700d689]{cursor:pointer}.vue-devtools__anchor .panel-entry-btn[data-v-c700d689]{cursor:pointer;flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-c700d689]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-c700d689]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-c700d689]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-c700d689]{opacity:0}.vue-devtools__anchor--glowing[data-v-c700d689]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-c700d689]{opacity:.6}.vue-devtools__panel[data-v-c700d689]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-c700d689]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-c700d689]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-c700d689{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-c700d689]{display:none}}
1
+ .vue-devtools-frame[data-v-8b2fd87f]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-8b2fd87f] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-8b2fd87f]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-8b2fd87f]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-8b2fd87f] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-8b2fd87f]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-8b2fd87f]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-8b2fd87f]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-8b2fd87f]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-93de249b]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.fullscreen[data-v-93de249b]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-93de249b]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out}.vue-devtools__anchor-btn[data-v-93de249b]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-93de249b]{width:14px;height:14px}.vue-devtools__anchor-btn.active[data-v-93de249b]{cursor:pointer}.vue-devtools__anchor .panel-entry-btn[data-v-93de249b]{cursor:pointer;flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-93de249b]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-93de249b]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-93de249b]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-93de249b]{opacity:0}.vue-devtools__anchor--glowing[data-v-93de249b]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-93de249b]{opacity:.6}.vue-devtools__panel[data-v-93de249b]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-93de249b]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-93de249b]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-93de249b{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-93de249b]{display:none}}