open-index/open-npm huggingface dataset:
npm package: @justserdar/threebranch
Description: Nuxt 3 layer with Three.js and GSAP.
Author: justserdar
Latest version: 0.0.3

# Nuxt Layer with Three.js and GSAP

This Nuxt 3 layer provides a `<WebGL />` component that takes props to setup your entire scene.

-[]

## Setup
Make sure to install the dependencies:
```bash
npm install --save @justserdar/threebranch
```
Then add the dependency to their `extends` in `nuxt.config`:
```ts
defineNuxtConfig({
  extends: '@justserdar/threebranch'
})
```
You can also download the repo and add it to a `layers` folder.
Then configure your `package.json` and to point to the local layer where you can extend the code. 
```ts
defineNuxtConfig({
    // Highly recommended to use a monorepo codebase structure in VSCODE when using layers and monorepo packages.
  extends: '../../layers/@justserdar/threebranch'
})
```
## Development Server
Start the development server on http://localhost:3000
```bash
pnpm dev
```
## Production
Build the application for production:
```bash
pnpm build
```
npm package: @justserdar/threeroot
Description: Nuxt 3 layer with Socket.IO Server and Auth.
Author: justserdar
Latest version: 0.0.3

# Nuxt Layer with Socket.IO to compliment the Three.js and GSAP layer.

This Nuxt 3 layer sets up the Nitro Server together with Socket.io on port 9000 and additionally includes the `nuxt-auth-utils` module.

-[x] Socket.IO Server and Client import
-[x] Default Namespace
-[x] Default nuxt-auth-utils
-[] Turso DB / MongoDB integration
-[] Drizzle / Mongoose ORM


You can connect to the Socket server on port 9000 outside of this layer in other layers via:
```html
<script setup lang="ts">
import {
  ref,
  nextTick,
  onMounted,
  onBeforeMount,
  onUnmounted,
} from 'vue'
import { /* io, */ Manager } from 'socket.io-client'

const socketUrl = new URL('ws:localhost:9000/')
const manager = new Manager(socketUrl)
const socket = manager.socket('/')

const user = ref()

onBeforeMount(() => {
  socket.on('connect', () => {
    console.log('Connected to server with ID' + socket.id)
    if (!user) setUserData(data)
  })
})

onMounted(async () => {
  // Do whatever ...
  socket.emit('setName', 'Erik')
})

onUnmounted(() => {
  socket.disconnect()
})
</script>
```

## Setup
Make sure to install the dependencies:
```bash
npm install --save @justserdar/threebranch
```
Then add the dependency to their `extends` in `nuxt.config`:
```ts
defineNuxtConfig({
  extends: '@justserdar/threebranch'
})
```
You can also download the repo and add it to a `layers` folder.
Then configure your `package.json` and to point to the local layer where you can extend the code. 
```ts
defineNuxtConfig({
    // Highly recommended to use a monorepo codebase structure in VSCODE when using layers and monorepo packages.
  extends: '../../layers/@justserdar/threebranch'
})
```
## Development Server
Start the development server on http://localhost:3000
```bash
pnpm dev
```
## Production
Build the application for production:
```bash
pnpm build
```
npm package: @justserdar/tunga
Description: Create Nuxt extendable layer with this GitHub template.
Latest version: 0.0.1

# Nuxt Layer Starter

Create Nuxt extendable layer with this GitHub template.

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Working on your theme

Your theme is at the root of this repository, it is exactly like a regular Nuxt project, except you can publish it on NPM.

The `.playground` directory should help you on trying your theme during development.

Running `pnpm dev` will prepare and boot `.playground` directory, which imports your theme itself.

## Distributing your theme

Your Nuxt layer is shaped exactly the same as any other Nuxt project, except you can publish it on NPM.

To do so, you only have to check if `files` in `package.json` are valid, then run:

```bash
npm publish --access public
```

Once done, your users will only have to run:

```bash
npm install --save your-theme
```

Then add the dependency to their `extends` in `nuxt.config`:

```ts
defineNuxtConfig({
  extends: 'your-theme'
})
```

## Development Server

Start the development server on http://localhost:3000

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Or statically generate it with:

```bash
pnpm generate
```

Locally preview production build:

```bash
pnpm preview
```

Checkout the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.