Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/boringdeveloper/pageupgelsnippets
https://github.com/boringdeveloper/pageupgelsnippets
Last synced: 21 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/boringdeveloper/pageupgelsnippets
- Owner: boringdeveloper
- License: mit
- Created: 2023-02-23T23:16:43.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-27T07:03:55.000Z (over 1 year ago)
- Last Synced: 2024-10-31T14:07:35.563Z (2 months ago)
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# PageUP GEL Snippets for VS Code
## Available Commands
`pugcontainer`
```ts
import { container } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
export const { Sample } = container(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugcomponent`
```ts
import { component } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
export const { Sample } = component(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugpage`
```ts
import { page } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
export const { Sample } = page(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugcontainerx`
```ts
import { containerX } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
interface Props {
name: string;
}
export const { Sample } = containerX()(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugcomponentx`
```ts
import { componentX } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
interface Props {}
export const { Sample } = componentX()(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugpagex`
```ts
import { pageX } from "@pageuppeopleorg/gel/src/components/core";
import { css } from "./styles.css";
interface Props {}
export const { Sample } = pageX()(
"Sample",
(z) => ({
name: z.string(),
}),
(props) => {
return
{props.name};
}
);
```
`pugcx`
```ts
import { cx, styleExportProvider } from "@pageuppeopleorg/gel/src/styling";
const container = cx({});
export const { css } = styleExportProvider({
container,
});
```