Skip to content

nuxt-ripple 2.22.1-next.1cdae253e.85

Install from the command line:
Learn more about npm packages
$ npm install @dpc-sdp/nuxt-ripple@2.22.1-next.1cdae253e.85
Install via package.json:
"@dpc-sdp/nuxt-ripple": "2.22.1-next.1cdae253e.85"

About this version

Nuxt Ripple

A Nuxt module for integrating Ripple and Tide, this package loads @dpc-sdp/ripple-ui-core and @dpc-sdp/ripple-ui-forms.

Installation

To use this package in your Nuxt project first install it with npm

npm install @dpc-sdp/nuxt-ripple

Usage

Add the installed package in your sites nuxt.config.js file under the extends property, this includes the package as a Nuxt Layer.

export default defineNuxtConfig({
  extends: [
    '@dpc-sdp/nuxt-ripple'
  ]
})

Configuration

Runtime variables can be set in your sites nuxt.config.js file under the tide property.

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      API_URL: '',
      tide: {
        site: '8888',
        baseUrl: 'https://develop.content.reference.sdp.vic.gov.au',
        config: {
          apiPrefix: '/api/v1',
          auth: {
            username: 'dpc',
            password: 'sdp'
          }
        }
      }
    }
  }
})

They can also be set as uppercase environment variables starting with NUXT_ and using _ to separate keys and case changes.

NUXT_PUBLIC_TIDE_SITE=8888
NUXT_PUBLIC_TIDE_BASE_URL=https://develop.content.reference.sdp.vic.gov.au

Languages

Additional languages can be added using the app.config file, below is an example of adding support for a new language.

export default defineAppConfig({
  ripple: {
    languages: {
      kn: {
        name: 'Noto Serif Kannada',
        url: 'https://fonts.googleapis.com/css2?family=Noto+Serif+Kannada',
        rtl: false
      }
    }
  }
})

Robots.txt

The robots.txt file is handled automatically by @dpc-sdp/nuxt-ripple, but can be overridden and extended via the nuxt.config if needed.

import { createResolver } from '@nuxt/kit'
const { resolve } = createResolver(import.meta.url)

export default defineNuxtConfig({
  robots: {
    configPath: resolve('./robots.config.ts')
  }
})
import rules from '@dpc-sdp/nuxt-ripple/robots'

export default [
  // optionally include, filter or map the default rules
  ...rules,
  
  // add addtional rules
  { UserAgent: 'SomeCustomBot', Disallow: '/' }
]

Details


Assets

  • nuxt-ripple-2.22.1-next.1cdae253e.85.tgz

Download activity

  • Total downloads 42
  • Last 30 days 42
  • Last week 34
  • Today 0