open-index/open-npm huggingface dataset:
npm package: @hostlink/nuxt-light
Description: HostLink Nuxt Light Framework
Latest version: 1.66.0

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: nuxt-light
- Package name: nuxt-light
- Description: My new Nuxt module
-->

# nuxt-light

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

This is a Hostlink nuxt-light framework for Nuxt.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-light?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- HostLink nuxt-light framework

## Quick Setup

1. Add `nuxt-light` dependency to your project

```bash
# Using npm
npm install --save-dev @hostlink/nuxt-light
```

2. Add `@hostlink/nuxt-light` to the `modules` section of `nuxt.config.ts`

```js
import pkg from './package.json'
export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      //apiBase: 'your-api-base-url'
      appVersion: pkg.version
    }
  },
  ssr:false,
  modules: [
    '@hostlink/nuxt-light'
  ]
})
```

That's it! You can now use nuxt-light in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@hostlink/nuxt-light/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@hostlink/nuxt-light

[npm-downloads-src]: https://img.shields.io/npm/dm/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@hostlink/nuxt-light

[license-src]: https://img.shields.io/npm/l/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@hostlink/nuxt-light

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com



### app.vue
```html
<template>
  <l-app/>
</template>
```



## Google Sigin
nuxt.config.ts
```js
 app: {
    head: {
      script: [
        {
          src: 'https://accounts.google.com/gsi/client',
          async: true,
          defer: true,
        }
      ]
    }
  }
```
npm package: @hostlink/nuxt-quasar-module-test
Description: My new Nuxt module
Latest version: 1.0.0

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add my-module
```

That's it! You can now use My Module in your Nuxt app ✨


## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run lint
  
  # Run Vitest
  npm run test
  npm run test:watch
  
  # Release new version
  npm run release
  ```

</details>


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @hostlink/nuxt-vx
Description: HostLink nuxt vx
Latest version: 1.0.36

# Nuxt Module

## Development

- Run `npm run dev:prepare` to generate type stubs.
- Use `npm run dev` to start [playground](./playground) in development mode.


## Usage

app.ts

```ts
<vx>
    <NuxtLoadingIndicator />
    <NuxtPage/>
</vx>
```

nuxt.config.ts
```ts
export default defineNuxtConfig({
    ssr: false,
    modules: [
        "@hostlink/nuxt-vx"
    ],
    runtimeConfig: {
        public: {
            endpoint: '/api/'
        }
    },
    vite:{
        optimizeDeps: {
            include: [
                "element-plus",
                "axios",
                "qs",
                "vue3-sfc-loader"
            ]
        }
    },
    nitro: {
        devProxy: {
            '/api/': {
                target: 'https://abc.project.hostink.com.hk/api/',
                changeOrigin: true,
            }
        }
    }
})
```