Creando mi primer web component desde 0 con @ManzDev

Bueno yo lo que creo Es que hay que poner un screp modu y hasta ahí llegó mi conocimiento No Perfecto perfecto porque al final el Time modul es para hacer el import vale dec vamos hacer Style y vamos a poner no Body color skin

Dark e background color Canvas eh Y color Canvas text Perfecto perfecto Ahora sí podemos continuar Vale entonces el el el scrip modu Es simplemente para cargar el con el import poder cargar el fichero no Entonces lo primero que haríamos es a ver Vete a la vete El ejemplo de de cs Battle okay La

idea es que a ver si se puede mostrar ahí al ese La idea es que hacer un componente que sea el la hojita no la B comp pelito el frito vale Okay pues entonces vamos a hacer el componente y le ponemos el nombre que sea y ya luego le empezamos a pasar los parámetros y y hacemos los detalles Entonces yo lo que haría sería el componente en un fichero separado Dale lo que voy a hacer acá primero es poner un Root y voy a

poner color perfecto color Green y le vamos a poner así este y vamos a ponerle Yellow Brown vamos a poner este y vamos a poner este y ahí ya los tenemos perfecto

entonces vos decís que queremos un fichero por fuera del Index html tipo algo así y cuando Exacto cuando hago los componentes lo que hago es carpetita components y ahí dentro meto el componente concreto Entonces Okay o sea bola con pelito punto que es yo lo que sí ahí yo tengo Bueno tengo cada uno tiene sus manías eh yo por ejemplo lo que hago siempre es como es una clase le pongo Pascal Case Okay vamos con Pascal Case bola con pelito punto mjs o js js

es decir el mjs es más bien con con node en principio en web no en en Front no no banca modu mjs Sí mjs es que yo creo que esa parte Aunque hay por ahí alguna alguna referencia eh sobre todo lo usa node para saber si es un módu o un common GS claro acá siempre lo va a tomar basado en el Script type cl como G no hay en navegador pues

entonces ahí no no hay duda Exacto perfecto bueno Vale entonces en en los componentes una cosa Que que puede pasar desapercibido Es que en los componentes Siempre tienes que tener mínimo dos palabras vale porque el web component lo que te lo que te indica siempre es que las etiquetas tienen que ser dos palabras siempre no puedes tener buton porque si no puede colisionar Okay Exacto Entonces la la un poco la idea que a la que llegaron es siempre que crees un web component tiene que tener mínimo dos palabras o sea siempre va a

tener un guion cito como mínimo después ya tú le puedes poner tres dos tres lo porque no existe ningún elemento que tenga dos palabras ni existe ni va a existir una etiqueta html estándar que tenga eh un guion en la en el nombre Vale entonces con eso ya nos cargamos esa parte no Entonces yo lo que haría sería una clase vale en este en este caso hacemos la clase igual el mismo nombre exacto y extiende correcto Cómo es hml en nuestro caso