open-index/open-npm huggingface dataset:
npm package: @nuxfly/cli
Description: CLI tool for deploying Nuxt applications to Fly.io
Author: Colin Mollenhour
Latest version: 1.1.7

# @nuxfly/cli

A powerful CLI tool for deploying Nuxt applications to Fly.io with integrated SQLite and S3 storage support.

> [!WARNING]
> This project is in early development and may not be fully functional yet.

## Features

- 🚀 **One-command deployment** - Deploy Nuxt apps to Fly.io with automatic infrastructure setup
- 🗄️ **SQLite integration** - Automatic SQLite database continuous backup via Litestream
- 🌧 **Drizzle integration** - Automatically applies Drizzle migrations on deployment
- 📦 **Tigris (S3) storage** - Zero configuration to provision and access public and private file storage buckets
- 🔄 **Import existing apps** - Seamlessly import and configure existing Fly.io applications
- 🔧 **Database management** - Integrated Drizzle Studio for database operations

## Installation

```bash
npm install -g @nuxfly/cli
```

## Quick Start

```bash
# Create and deploy a new Nuxt app
nuxfly launch --name my-app

# Deploy an existing project
nuxfly deploy

# Open database studio
nuxfly studio

# Generate deployment files only
nuxfly generate
```

## Commands

### `nuxfly launch <name>`
Create and configure a new Nuxt application with Fly.io deployment setup.

**Options:**
- `--template <template>` - Project template (default: "default")
- `--region <region>` - Fly.io region (default: "iad")
- `--no-database` - Skip database setup
- `--no-storage` - Skip storage setup

### `nuxfly deploy`
Deploy your application to Fly.io with automatic infrastructure provisioning.

**Options:**
- `--build-only` - Only build, don't deploy
- `--no-cache` - Disable build cache
- `--strategy <strategy>` - Deployment strategy

### `nuxfly generate`
Generate Fly.io deployment configuration files.

**Options:**
- `--force` - Overwrite existing files
- `--template <template>` - Configuration template

### `nuxfly studio`
Launch Drizzle Studio for database management.

**Options:**
- `--port <port>` - Studio port (default: 4983)
- `--host <host>` - Studio host (default: "localhost")

### `nuxfly import <app-name>`
Import an existing Fly.io application and set up local development.

### `nuxfly proxy <command>`
Proxy commands to flyctl with nuxfly context.

## Requirements

- Node.js 18+
- Fly.io account and flyctl installed
- Git (for project creation)

## Documentation

For detailed documentation, visit: [nuxfly documentation](https://nuxfly.dev)

## License

MIT
npm package: @nuxie/tagger
Description: Vite plugin to tag React components with metadata for Nuxie visual editor
Author: Nuxie
Latest version: 0.1.0

# @nuxie/tagger

A Vite plugin that automatically tags React components with metadata attributes for the Nuxie visual editor.

This package is a fork of [lovable-tagger](https://www.npmjs.com/package/lovable-tagger) by Lovable, enhanced with additional features for detecting dynamic class names.

## Installation

```bash
npm install -D @nuxie/tagger
# or
yarn add -D @nuxie/tagger
# or
bun add -D @nuxie/tagger
```

## Usage

Add the plugin to your `vite.config.ts`:

```typescript
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { componentTagger } from '@nuxie/tagger'

export default defineConfig({
  plugins: [
    react(),
    componentTagger()
  ]
})
```

## What it does

This plugin automatically adds data attributes to React components during build time:

- `data-nux-id`: Unique identifier for the component (file:line:column)
- `data-nux-name`: Component element name
- `data-nux-content`: JSON-encoded content metadata (className, text, placeholder)
- `data-nux-dynamic-class`: Marks elements with dynamic className expressions
- `data-nux-class-expr`: The original className expression for dynamic classes

## Example

Input:
```jsx
<div className={isActive ? 'active' : 'inactive'}>
  Hello World
</div>
```

Output:
```jsx
<div 
  className={isActive ? 'active' : 'inactive'}
  data-nux-id="src/App.tsx:10:2"
  data-nux-name="div"
  data-nux-dynamic-class="true"
  data-nux-class-expr="isActive%20%3F%20'active'%20%3A%20'inactive'"
  data-nux-content="%7B%22text%22%3A%22Hello%20World%22%7D"
>
  Hello World
</div>
```

## License

MIT
npm package: @nuxt-alt/google-analytics
Description: An alternative google analytics 4 module for nuxt3
Author: Teranode
Latest version: 0.0.3

> Google Analytics 4 module for [Nuxt](https://nuxt.com)

## Info

This is a Google Analytics 4 module for nuxt. Since Universal Analytics is going away, there will be no compatibility with it. Everything here is meant for GA4.

## Setup

1. Add `@nuxt-alt/google-analytics` dependency to your project

```bash
yarn add @nuxt-alt/google-analytics
```

2. Add `@nuxt-alt/google-analytics` to the `modules` section of `nuxt.config.ts`

```ts
export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/google-analytics'
    ],
    gAnalytics: {
        /* module options */
    }
});

```

## Options

### `measurementId`

- Type: `String`
- Default: `undefined`
- Required: `true`

The measurement ID for your google analytics tag. You can find this Id by following these steps:

1. Go to Admin in GA4 Dashboard
2. Select the Account you want to use
3. Select Data Streams
4. Create a stream if you haven't already done so. If you have already done so, then click on the stream.
5. The measurement ID will be located on the right in the `Stream details` box. generally the ID will look like: `G-XXXXXXXXXX`

### `measurementIds`

- Type: `Array`
- Default: `[]`
- Required: `false`

This is kind of the same as `measurementId` except that you're going to be using an array of objects. Each Object uses an `id`, `params` and `domain` property. This will generate more config gtags if you end up needing to use more than one measurement Id. Do note that `measurementId` is still required as you need a base id for the gtag. The `domain` property is required if you end up using `page_location` in this setup, though its recommended you don't do this since the middleware already handles setting the `page_location`.

Example:

```ts
export default defineNuxtConfig({
    gAnalytics: {
        measurementId: 'G-XXXXXXXXXX',
        measurementIds: [
            { id: 'G-XXXXXXXXXX', domain: 'https://example.com', params: { page_location: '/' } },
        ]
    }
});

```

### `globalParams`

- Type: `Object`
- Default: `{}`
- Required: `false`

This sets values that persists across all subsequent gtag calls on the page using `gtag('set', { <key>: <value> })`

## Composable

The following composable are available to use (do note, that these only work in the browser):

- `useGAConsent(arg, params)` - `gtag('consent')` equivalent
- `useGAConfig(params, id)` - `gtag('config')` equivalent, `id` is optional if you intend to use the main measurement ID 
- `useGAEvent(action, params)` - `gtag('event')` equivalent
- `useGAGet(target, field, callback)` - `gtag('get')` equivalent
- `useGASet(params)` - `gtag('set')` equivalent

Read more about these functions [here](https://developers.google.com/tag-platform/gtagjs/reference)
npm package: @nuxt-alt/markdown-it
Description: Alternaive module to @nuxtjs/markdownit
Latest version: 0.0.2

# markdown-it for Nuxt 3

This is an alternaive module for @nuxtjs/markdownit.

## Setup
1. Add the `@nuxt-alt/markdown-it` dependency to your project

```bash
yarn add @nuxt-alt/markdown-it
```

2. Add `@nuxt-alt/markdown-it` to the `modules` section of `nuxt.config.ts`

```ts
export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/markdown-it'
    ],
    // [optional] markdownit options
    // See https://github.com/markdown-it/markdown-it
    markdownit: {
        preset: 'default',
        linkify: true,
        breaks: true,
        use: [
            'markdown-it-div',
            ['markdown-it-attrs', { ...options }]
        ]
    }
});
```

## Usage

### Using `$md` to render markdown

`nuxt.config.ts`:
```ts
export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/markdown-it'
    ],
    markdownit: {
        runtime: true
    }
});
```

`hello.vue`:
```html
<template>
  <div v-html="$md.render(model)"></div>
</template>

<script lang="ts" setup>
const model = '# Hello World!'
</script>
```
npm package: @nuxt-alt/proxy
Description: An alternative module to @nuxtjs/proxy
Author: Teranode
Latest version: 2.5.8

> Proxy module for [Nuxt](https://nuxt.com)

## Info

This serves as an alternative for @nuxtjs-alt/proxy. Please note that this is for nuxt 3 only. The config is similar to what vite has except that this one creates a physical file which is needed for production.

## Setup

1. Add `@nuxt-alt/proxy` dependency to your project

```bash
yarn add @nuxt-alt/proxy
```

2. Add `@nuxt-alt/proxy` to the `modules` section of `nuxt.config.ts`

```ts
export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/proxy'
    ],
    proxy: {
        /* module options */
    }
});

```

## Options

### `proxies`

- Type: `Object`
- Default: `{}`

### `debug`

- Type: `Boolean`
- Default: `false` (false in prod | true in dev)

urls to proxy

### `experimental.listener`

- Type: `Boolean`
- Default: `false`

Enable this to use a nitro plugin that tries to hook onto the server's request and grab the server to listen in production. This is untested in non-node environments.

Nitro hook available after enabling (only in production):

```ts
nitroApp.hooks.hook('listen:node', (server) => {})
```

## Config Example

```ts
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/proxy',
    ],
    proxy: {
        debug: false,
        experimental: {
            listener: false
        },
        proxies: {
            // string shorthand
            '/foo': 'http://localhost:4567',
            // with options
            '/api': {
                target: 'http://jsonplaceholder.typicode.com',
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, '')
            },
            // with RegEx
            '^/fallback/.*': {
                target: 'http://jsonplaceholder.typicode.com',
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/fallback/, ''),
                configure: (proxy, options, runtimeConfig) => {
                    // proxy will be an instance of 'http-proxy'
                },
            },
            // Using the proxy instance
            '/api': {
                target: 'http://jsonplaceholder.typicode.com',
                changeOrigin: true,
                configureWithEvent: (proxy, options, runtimeConfig, event, h3) => {
                    // proxy will be an instance of 'http-proxy'
                    // event will be an instance of the matched url
                    proxy.on('proxyReq', (proxyReq) => {
                        const cookies = h3.parseCookies(event)
                        console.log(cookies)
                    })
                }
            },
            // Proxying websockets or socket.io - Note this only works with `experimental.listener`
            '/socket.io': {
                target: 'ws://localhost:5173',
                ws: true
            }
        }
    }
})
```
npm package: @nuxt-alt/vuetify
Description: An alternative module for setting up Vuetify 3 with nuxt.
Author: Teranode
Latest version: 1.1.2

> [Vuetify 3](https://next.vuetifyjs.com) module for [Nuxt](https://nuxt.com)

## Info
An alternative module for setting up Vueitfy 3 with nuxt.

## Setup

1. Add `@nuxt-alt/vuetify` and `sass` dependency to your project

```bash
yarn add @nuxt-alt/vuetify sass
```

1. Add `@nuxt-alt/vuetify` to the `modules` section of `nuxt.config.ts`

```ts
export default defineNuxtConfig({
    modules: [
        '@nuxt-alt/vuetify'
    ],
    vuetify: {
        /* module options */
    }
});

```

## Demo Setup

You can view a Stackblitz setup [here](https://stackblitz.com/edit/nuxt-starter-dopi16)

## Options

### `vuetifyOptions`

- Type: `Object`
- Default: `{}`

This property sets the configuration for vuetify via the `createVuetify` function. All the properites here are for the vuetify vonfiguration, so consider looking at their documentation for that.

### `pluginOptions`

- Type: `Object`
- Default: `{}`

These options pertain to the vuetify-loader options

| Option     | Type                                                       | 
|------------|------------------------------------------------------------|
| autoImport | Boolean                                                    |
| styles     | true / 'none' / 'expose' / 'sass' / { configFile: string } |

## Composables

Vuetify comes with their own compasables, I've just added it to nuxt for auto-importing.

| Available Composables |
|-----------------------|
| useTheme              |
| UseDisplay            |
| useRtl                |
| useLocale             |
| useLayout             |

## Known Bugs

#### 1. Custom Scss issue (Source: https://github.com/nuxt/framework/issues/8825)

There is a bug with vuetify where custom scss files might not function correctly. Depending on how severe this issue i, I might try to implement an alternative solution to this.

#### 2. Theme values not applying & memory leak (Source: https://github.com/vuetifyjs/vuetify/issues/16156)

~~There's currently a bug with vueuse/head where it's potentially causing a memory leak and also not adapting changes when using the `useTheme` composable. For now, I have made a workaround where the module will be running its own `createVuetify` instance inheriting from vueitfy and making the necissary changes to make it function. Until this is fixed thta will be used instead.~~

This should have been fixed in vueitfy's `3.1.6` version.
npm package: @nuxt-dev/medium-zoom
Description: MediumZoom integrated for Nuxt
Author: ntnyq
Latest version: 0.1.0

# @nuxt-dev/medium-zoom

MediumZoom integrated for Nuxt.

[![CI](https://github.com/ntnyq/nuxt-module-medium-zoom/workflows/CI/badge.svg)](https://github.com/ntnyq/nuxt-module-medium-zoom/actions)
[![NPM VERSION](https://img.shields.io/npm/v/@nuxt-dev/medium-zoom/latest.svg)](https://www.npmjs.com/package/@nuxt-dev/medium-zoom/v/latest)
[![NPM DOWNLOADS](https://img.shields.io/npm/dy/@nuxt-dev/medium-zoom)](https://www.npmjs.com/package/@nuxt-dev/medium-zoom)
[![LICENSE](https://img.shields.io/github/license/ntnyq/nuxt-module-medium-zoom.svg)](https://github.com/ntnyq/nuxt-module-medium-zoom/blob/main/LICENSE)

## Install

```shell
npm i medium-zoom @nuxt-dev/medium-zoom -D
```

```shell
yarn add medium-zoom @nuxt-dev/medium-zoom -D
```

```shell
pnpm add medium-zoom @nuxt-dev/medium-zoom -D
```

## Usage

Add to your `nuxt.config.ts`:

```ts
export default {
  modules: [
    // other modules
    '@nuxt-dev/medium-zoom',
  ],

  mediumZoom: {
    // custom options
    selector: '#__nuxt :not(a) > img, [data-zoomable]',
  },
}
```

## Options

All options from [MediumZoom Options](https://github.com/francoischalifour/medium-zoom#options) are supported.

### selector

Image selector.

- **type**: `string`
- **required**: `false`
- **default**: `#__nuxt :not(a) > img, [data-zoomable]`

### delay

Delay time in millseconds.

- **type**: `number`
- **required**: `false`
- **default**: `500`

## Credits

- [vuepress/ecosystem - plugin-medium-zoom](https://github.com/vuepress/ecosystem/tree/main/plugins/features/plugin-medium-zoom)

## License

[MIT](./LICENSE) License © 2025-PRESENT [ntnyq](https://github.com/ntnyq)
npm package: @nuxt-dev/viewerjs
Description: Viewer.js integrated for Nuxt
Author: ntnyq
Latest version: 0.0.1

# @nuxt-dev/viewerjs

[Viewer.js](https://github.com/fengyuanchen/viewerjs) integrated for Nuxt.

[![CI](https://github.com/ntnyq/nuxt-module-viewerjs/workflows/CI/badge.svg)](https://github.com/ntnyq/nuxt-module-viewerjs/actions)
[![NPM VERSION](https://img.shields.io/npm/v/@nuxt-dev/viewerjs/latest.svg)](https://www.npmjs.com/package/@nuxt-dev/viewerjs/v/latest)
[![NPM DOWNLOADS](https://img.shields.io/npm/dy/@nuxt-dev/viewerjs)](https://www.npmjs.com/package/@nuxt-dev/viewerjs)
[![LICENSE](https://img.shields.io/github/license/ntnyq/nuxt-module-viewerjs.svg)](https://github.com/ntnyq/nuxt-module-viewerjs/blob/main/LICENSE)

## Install

```shell
npm i viewerjs @nuxt-dev/viewerjs -D
```

```shell
yarn add viewerjs @nuxt-dev/viewerjs -D
```

```shell
pnpm add viewerjs @nuxt-dev/viewerjs -D
```

## Usage

Add to your `nuxt.config.ts`:

```ts
export default {
  modules: [
    // other modules
    '@nuxt-dev/viewerjs',
  ],

  viewerjs: {
    // custom options
    container: '#__nuxt',
  },
}
```

## Options

### container

Container of all images.

- **type**: `string`
- **required**: `false`
- **default**: `#__nuxt`

### delay

Delay time in millseconds.

- **type**: `number`
- **required**: `false`
- **default**: `200`

Check [Viewer.js - Options](https://github.com/fengyuanchen/viewerjs#options) for more options.

## Credits

- [vuepress/ecosystem - plugin-viewerjs](https://github.com/vuepress/ecosystem/tree/main/plugins/features/plugin-viewerjs)

## License

[MIT](./LICENSE) License © 2025-PRESENT [ntnyq](https://github.com/ntnyq)
npm package: @nuxt-drizzle/utils
Description: Configuration utilities and runtime helpers for Drizzle ORM in Nuxt/Nitro applications.
Author: Alexei Myshkouski
Latest version: 0.0.15

# @nuxt-drizzle/utils

Utilities for configuring Drizzle ORM in Nuxt applications.

## Installation

```bash
npm install @nuxt-drizzle/utils
```

## Usage

This package provides a `defineConfig` function that helps configure Drizzle Kit paths correctly for Nuxt plugins and modules.

```typescript
import { defineConfig } from '@nuxt-drizzle/utils'

export default defineConfig({
  schema: './schema.ts',
  out: './drizzle',
  dialect: 'sqlite',
  // ... other Drizzle config options
}, __dirname)
```

The `defineConfig` function transforms relative paths in `schema` and `out` to be compatible with Drizzle Kit when used in Nuxt contexts.