{"base":"0ff253bfba3ee8d3d65448bd44ad890fd01b0ecd","compiler":"3.5.44","id":"data-v-demo","input":"<script setup>\nimport { ref } from 'vue'\nconst boxWidth = ref('375px')\n</script>\n<template><div class=\"box\"><span>内容</span></div></template>\n<style scoped>.box { width: v-bind(boxWidth); }</style>","cssVars":["boxWidth"],"development":{"script":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"box\" }\n\nimport { ref } from 'vue'\n\nexport default {\n  __name: 'CssVariableDemo',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"demo-boxWidth\": (boxWidth.value)\n}))\n\nconst boxWidth = ref('375px')\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"span\", null, \"内容\", -1 /* CACHED */)\n  ]))]))\n}\n}\n\n}","css":".box[data-v-demo] { width: var(--demo-boxWidth);\n}"},"production":{"script":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"box\" }\n\nimport { ref } from 'vue'\n\nexport default {\n  __name: 'CssVariableDemo',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"v5b6e5c94\": (boxWidth.value)\n}))\n\nconst boxWidth = ref('375px')\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"span\", null, \"内容\", -1 /* CACHED */)\n  ]))]))\n}\n}\n\n}","css":".box[data-v-demo] { width: var(--v5b6e5c94);\n}"}}