@hostlink/nuxt-light

nuxt-light

This is a Hostlink nuxt-light framework for Nuxt.

• ✨  Release Notes

Features

• HostLink nuxt-light framework

Quick Setup

1. Add nuxt-light dependency to your project

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

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

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

# 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

app.vue

<template>
  <l-app>
    <NuxtLoadingIndicator />
    <NuxtPage />
  </l-app>
</template>

Google Sigin

nuxt.config.ts

 app: {
    head: {
      script: [
        {
          src: 'https://accounts.google.com/gsi/client',
          async: true,
          defer: true,
        }
      ]
    }
  }