<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="apple-touch-icon" href="/load-demo2/pwa-192x192.png"><link rel="mask-icon" href="/load-demo2/safari-pinned-tab.svg" color="#00aba9"><meta name="msapplication-TileColor" content="#00aba9"><script>!function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===t||e&&"light"!==t)&&document.documentElement.classList.toggle("dark",!0)}()</script><script type="module" async="" crossorigin="" src="/load-demo2/assets/app.780681c6.js"></script><link rel="stylesheet" href="/load-demo2/assets/index.8254fff5.css"><link rel="manifest" href="/load-demo2/manifest.webmanifest"><link rel="modulepreload" crossorigin="" href="/load-demo2/assets/README.601b0361.js"><title>Vitesse</title><meta name="description" content="Opinionated Vite Starter Template"><meta name="theme-color" content="#ffffff"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="head:count" content="3"></head><body class="font-sans"><div id="app" data-server-rendered="true"><main class="text-center text-gray-700 dark:text-gray-200 h-full"><div class="prose prose-sm m-auto text-left"><h2>File-based Routing</h2><p>Routes will be auto-generated for Vue files in this dir with the same file structure. Check out <a href="https://github.com/hannoeru/vite-plugin-pages" target="_blank" rel="noopener"><code>vite-plugin-pages</code></a> for more details.</p><h3>Path Aliasing</h3><p><code>~/</code> is aliased to <code>./src/</code> folder.</p><p>For example, instead of having</p><pre><code class="language-ts"><div class="shiki-container"><pre class="shiki shiki-dark" style="background-color:#121212"><code v-pre=""><span class="line"><span style="color:#4d9375">import</span><span style="color:#dbd7ca"> </span><span style="color:#858585">{</span><span style="color:#dbd7ca"> </span><span style="color:#b8a965">isDark</span><span style="color:#dbd7ca"> </span><span style="color:#858585">}</span><span style="color:#dbd7ca"> </span><span style="color:#4d9375">from</span><span style="color:#dbd7ca"> </span><span style="color:#c98a7d">'../../../../composables'</span></span>
<span class="line"></span></code></pre><pre class="shiki shiki-light" style="background-color:#fff"><code v-pre=""><span class="line"><span style="color:#1c6b48">import</span><span style="color:#393a34"> </span><span style="color:#8e8f8b">{</span><span style="color:#393a34"> </span><span style="color:#8c862b">isDark</span><span style="color:#393a34"> </span><span style="color:#8e8f8b">}</span><span style="color:#393a34"> </span><span style="color:#1c6b48">from</span><span style="color:#393a34"> </span><span style="color:#b56959">'../../../../composables'</span></span>
<span class="line"></span></code></pre></div></code></pre><p>now, you can use</p><pre><code class="language-ts"><div class="shiki-container"><pre class="shiki shiki-dark" style="background-color:#121212"><code v-pre=""><span class="line"><span style="color:#4d9375">import</span><span style="color:#dbd7ca"> </span><span style="color:#858585">{</span><span style="color:#dbd7ca"> </span><span style="color:#b8a965">isDark</span><span style="color:#dbd7ca"> </span><span style="color:#858585">}</span><span style="color:#dbd7ca"> </span><span style="color:#4d9375">from</span><span style="color:#dbd7ca"> </span><span style="color:#c98a7d">'~/composables'</span></span>
<span class="line"></span></code></pre><pre class="shiki shiki-light" style="background-color:#fff"><code v-pre=""><span class="line"><span style="color:#1c6b48">import</span><span style="color:#393a34"> </span><span style="color:#8e8f8b">{</span><span style="color:#393a34"> </span><span style="color:#8c862b">isDark</span><span style="color:#393a34"> </span><span style="color:#8e8f8b">}</span><span style="color:#393a34"> </span><span style="color:#1c6b48">from</span><span style="color:#393a34"> </span><span style="color:#b56959">'~/composables'</span></span>
<span class="line"></span></code></pre></div></code></pre></div><nav class="fixed top-0 right-0 text-m mt-2"><button class="icon-btn mx-2 !outline-none" title="Basculer en mode sombre"><div i="carbon-sun dark:carbon-moon"></div></button><a class="icon-btn mx-2" title="Changer de langue"><div i-carbon-language=""></div></a><a href="/load-demo2/about" class="icon-btn mx-2" title="À propos"><div i-carbon-help=""></div></a></nav><div class="opacity-10 fixed left-0 top-0 transform -translate-x-1/2 -translate-y-1/2 -z-10"><img src="/load-demo2/assets/logo_blanc.11f76fd0.png"></div></main></div><script>window.__INITIAL_STATE__='{"pinia":{}}'</script></body></html>