77 lines
2.5 KiB
HTML
77 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>SigPro-UI Docs</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css"
|
|
/>
|
|
|
|
<link
|
|
href="./sigpro.css"
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
/>
|
|
|
|
<!-- <link
|
|
href="https://cdn.jsdelivr.net/npm/daisyui@5"
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
/> -->
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
|
|
<style>
|
|
/* Personaliza los callouts si quieres */
|
|
.markdown-section .callout {
|
|
margin: 1.5rem 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
|
|
<script>
|
|
window.$docsify = {
|
|
name: "SigPro-UI",
|
|
repo: "",
|
|
loadSidebar: true,
|
|
sidebarDisplayLevel: 1,
|
|
executeScript: true,
|
|
copyCode: {
|
|
buttonText: '<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
|
|
errorText: "Error",
|
|
successText: '<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>',
|
|
},
|
|
plugins: [
|
|
function(hook, vm) {
|
|
hook.doneEach(function() {
|
|
// Buscamos los bloques de código JS que queremos ejecutar
|
|
const codeBlocks = document.querySelectorAll('pre[data-lang="javascript"] code');
|
|
|
|
codeBlocks.forEach(code => {
|
|
// Usamos un bloque try/catch por si el código del Markdown tiene errores
|
|
try {
|
|
// Ejecutamos el código.
|
|
// Como tu librería ya puso $, Mount, Button, etc. en 'window',
|
|
// el código los encontrará directamente.
|
|
const runDemo = new Function(code.innerText);
|
|
runDemo();
|
|
} catch (err) {
|
|
console.error("Error en la demo de SigPro:", err);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
]
|
|
};
|
|
</script>
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/docsify@4.13.0/lib/docsify.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
|
|
<script src="./sigpro-ui.min.js"></script>
|
|
</body>
|
|
</html> |