[{"data":1,"prerenderedAt":191},["ShallowReactive",2],{"content-/vite-import-raw":3,"surround-/vite-import-raw":185},{"id":4,"title":5,"body":6,"description":175,"extension":176,"meta":177,"navigation":65,"order":178,"path":179,"seo":180,"stem":181,"tags":182,"__hash__":184},"content/vite-import-raw/index.md","Import a file as text with a single suffix",{"type":7,"value":8,"toc":173},"minimark",[9,18,97,100,152,159,169],[10,11,12,13,17],"p",{},"Add ",[14,15,16],"code",{},"?raw"," to import a file's contents as a string. Handy for showing source code or loading a shader without an extra request at runtime.",[19,20,25],"pre",{"className":21,"code":22,"language":23,"meta":24,"style":24},"language-ts shiki shiki-themes github-dark","import example from './examples/Counter.vue?raw'\nimport shader from './shaders/gradient.glsl?raw'\n\n// Both imports are strings\nconsole.log(example)\nconsole.log(shader)\n","ts","",[14,26,27,47,60,67,74,87],{"__ignoreMap":24},[28,29,32,36,40,43],"span",{"class":30,"line":31},"line",1,[28,33,35],{"class":34},"snl16","import",[28,37,39],{"class":38},"s95oV"," example ",[28,41,42],{"class":34},"from",[28,44,46],{"class":45},"sU2Wk"," './examples/Counter.vue?raw'\n",[28,48,50,52,55,57],{"class":30,"line":49},2,[28,51,35],{"class":34},[28,53,54],{"class":38}," shader ",[28,56,42],{"class":34},[28,58,59],{"class":45}," './shaders/gradient.glsl?raw'\n",[28,61,63],{"class":30,"line":62},3,[28,64,66],{"emptyLinePlaceholder":65},true,"\n",[28,68,70],{"class":30,"line":69},4,[28,71,73],{"class":72},"sAwPA","// Both imports are strings\n",[28,75,77,80,84],{"class":30,"line":76},5,[28,78,79],{"class":38},"console.",[28,81,83],{"class":82},"svObZ","log",[28,85,86],{"class":38},"(example)\n",[28,88,90,92,94],{"class":30,"line":89},6,[28,91,79],{"class":38},[28,93,83],{"class":82},[28,95,96],{"class":38},"(shader)\n",[10,98,99],{},"In Vue, render imported text with interpolation to keep it escaped.",[19,101,105],{"className":102,"code":103,"language":104,"meta":24,"style":24},"language-vue shiki shiki-themes github-dark","\u003Ctemplate>\n  \u003Cpre>\u003Ccode>{{ example }}\u003C/code>\u003C/pre>\n\u003C/template>\n","vue",[14,106,107,119,143],{"__ignoreMap":24},[28,108,109,112,116],{"class":30,"line":31},[28,110,111],{"class":38},"\u003C",[28,113,115],{"class":114},"s4JwU","template",[28,117,118],{"class":38},">\n",[28,120,121,124,126,129,131,134,136,139,141],{"class":30,"line":49},[28,122,123],{"class":38},"  \u003C",[28,125,19],{"class":114},[28,127,128],{"class":38},">\u003C",[28,130,14],{"class":114},[28,132,133],{"class":38},">{{ example }}\u003C/",[28,135,14],{"class":114},[28,137,138],{"class":38},">\u003C/",[28,140,19],{"class":114},[28,142,118],{"class":38},[28,144,145,148,150],{"class":30,"line":62},[28,146,147],{"class":38},"\u003C/",[28,149,115],{"class":114},[28,151,118],{"class":38},[10,153,154,155,158],{},"Use ",[14,156,157],{},"?url"," instead when you need the asset URL. Imported content is shipped to the browser, so keep private files out of these imports.",[10,160,161,168],{},[162,163,167],"a",{"href":164,"rel":165},"https://vite.dev/guide/features.html#importing-asset-as-string",[166],"nofollow","Read the Vite documentation",".",[170,171,172],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}",{"title":24,"searchDepth":49,"depth":49,"links":174},[],"Use Vite raw imports to load shader source, Markdown, or code examples as strings without a custom loader.","md",{},224,"/vite-import-raw",{"title":5,"description":175},"vite-import-raw/index",[183],"vite","Y452kMcEoomOVO-yFiQT63hGaZetHefdTM4BjlAt78Y",[186,187],null,{"title":188,"path":189,"stem":190,"children":-1},"Accept a value, ref, or getter in the same composable","/vue-to-value","vue-to-value/index",1788695822212]