·
3 min read

Multiple Reasons As To Why This Is A Hello World

 // src/hello-world.tsx
import * as React from 'react';
 
export type HelloWorldProps = React.ComponentProps<'div'>;
 
export function HelloWorld({ className }: HelloWorldProps) {
  const hello = () => {
    console.log('Hello, World!');
  };
  return <div className={className}>Hello World!</div>;
}
  
 echo "Hello World!" // [!code highlight]
  

This is an <h2/>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.

Code Examples

 const str: string = 1;
Type 'number' is not assignable to type 'string'.
str = 'Hello';
Cannot assign to 'str' because it is a constant.
 // import { getHighlighterCore } from 'shiki/core';
 
// const highlighter = await getHighlighterCore({});
const const a: 1a = 1;
const const b: 1b = 1;
const const c: 1c = 1;
  

Aliquam sed purus imperdiet, rutrum justo quis, mattis tellus. import { Button } from '~/components/ui/button'{:js} . Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla. Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor. Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula. Morbi rhoncus justo molestie purus ornare imperdiet. Morbi et lobortis nunc.

This is an <h3/>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.

Aliquam sed purus imperdiet, rutrum justo quis, mattis tellus. import { Button } from '~/components/ui/button'{:js} . Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla. Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor.

Lorem ipsum dolor sir amet

This is a table 🤓😄🍰💻

Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, 🤓😄🍰💻 tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.

Column 1 HeaderColumn 2 HeaderColumn 3 Header
Row 1 Column 1Row 1 Column 2Row 1 Column 3
Row 2 Column 1Row 2 Column 2Row 2 Column 3
Row 3 Column 1Row 3 Column 2Row 3 Column 3

Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.