Tag: GOOGLE-WEB-COMPONENT
Estoy teniendo problemas importando mi componente personalizado en mi aplicación existente. He precompilado mi SFC como un webcomponent con el constructor de vue-cli y lo importo dentro de mi archivo main.js de esta manera: import * as HelloWorld from ‘../dist/hello-world.js’ Vue.component(‘hello-world’, HelloWorld); //si agrego mi componente globalmente (mismo error _Ctor) . . . Read more
Quiero experimentar un poco con Kotlin Compose para la web. En algunos de mis proyectos web anteriores, utilicé algunos componentes web del Clarity Design System (CDS). En un proyecto de JavaScript o TypeScript, primero necesitas instalar los paquetes npm @cds/core y @cds/city. En segundo lugar, debes incluir algunas hojas de . . . Read more
Estoy usando Lit2.0, componentes web de Material, Django (backend). Una referencia: https://www.thinktecture.com/en/web-components/flaws/ No entiendo cómo enviar los datos del formulario desde el componente Lit al backend (Django) {% csrf_token %} Enviar El archivo “form.html” contiene el componente Lit (basic-form) import { LitElement, html } from “lit”; export class BasicForm extends . . . Read more
Estoy haciendo un componente web que mostrará “¡Hola {name}!” donde {name} proviene de name="foo". Cuando lo intento, no obtengo ningún error, pero solo muestra “¡Hola nulo!”. index.html: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documento</title> <script src="./script.js"></script> </head> <body> <hello-world name="Joe"></hello-world> </body> </html> script.js: “`js . . . Read more
Tengo este componente simple que se compila a un web-component usando Stencil: import { Component, h, Prop } from “@stencil/core”; import { IAuthLoginConfig } from “../../interfaces”; import { initAuth } from “../../services”; @Component({ tag: “login-button”, styleUrl: “login-button.css”, }) export class LoginButton { @Prop() public baseUrl: string = “/oidc/v1/authorize”; @Prop() public . . . Read more