Easily connect your Nuxt 3 application with LogSnag ๐Ÿ“ฐ

Related tags

Vue.js nuxt-logsnag
Overview

Nuxt LogSnag ๐Ÿ“ฐ

npm version npm downloads Github Actions CI License

LogSnag integration for Nuxt 3

Features

  • Nuxt 3 ready
  • Easy integration
  • Handy composables
  • TypeScript support

Setup

Install as development dependency with NPM or Yarn:

yarn add --dev nuxt-logsnag
# or
npm i nuxt-logsnag --save-dev

Add nuxt-logsnag to your Nuxt config:

// nuxt.config.ts
import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: ['nuxt-logsnag']
})

Lastly, add the LOGSNAG_API_TOKEN in your .env

LOGSNAG_API_TOKEN=<your_api_token>

Alternately, you can set it in the nuxt.config (less recommended to avoid sharing api token in your code):

// nuxt.config.ts
import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: ['nuxt-logsnag'],
  logsnag: {
    token: '<YOUR_LOGSNAG_API_TOKEN>'
  }
})

Usage

<script setup>
const { publish } = useLogSnag()

onMounted(async () => {
  await publish({
    project: 'Test',
    channel: 'nuxt-test',
    event: 'Tested Module!',
    description: 'Hey, I just tested the Nuxt3 LogSnag module!',
    icon: '๐ŸŽ‰',
    notify: true,
  })
})
</script>

nuxt-logsnag

Development

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Start development server using yarn dev or npm run dev

License

MIT License - 2022 Conner Luka Bachmann

You might also like...

Nuxt 3 module for Kirby's Query Language API

nuxt-kql Kirby KQL module for Nuxt 3. This module provides a useKql composable, which under the hood uses useFetch. Thus, KQL query fetching in your N

Dec 15, 2022

This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

Nuxt 3 Starter This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configure

Dec 27, 2022

Batteries-included, zero-config Ionic integration for Nuxt

Nuxt Ionic Ionic integration for Nuxt โœจ Changelog ๐Ÿ“– Read the documentation โ–ถ๏ธ Online playground Features โš ๏ธ nuxt-ionic is currently a work in progres

Dec 28, 2022

Http-proxy middleware for Nuxt 3.

nuxt-proxy Http-proxy middleware for Nuxt 3. Installation npm install nuxt-proxy Usage export default defineNuxtConfig({ modules: ['nuxt-proxy'],

Dec 30, 2022

Nuxt 3 module for Web3.js

nuxt-web3.js Nuxt 3 module for Web3.js. Installation npm install nuxt-web3.js Usage export default defineNuxtConfig({ modules: ['nuxt-web3.js'], })

Dec 16, 2022

๐Ÿ”Ž Meilisearch module for Nuxt 3

๐Ÿ”Ž Meilisearch module for Nuxt 3

nuxt-meilisearch Meilisearch module for Nuxt Features Nuxt 3 Easy integration with MeilisearchJS lib Support for Vue Algolia Vue 3 InstantSearch compo

Dec 26, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

Jul 5, 2022

Nuxt eureka client

Nuxt eureka client

May 30, 2022

โœ‰๏ธ Nuxt module for first class integration with popular newsletter providers

โœ‰๏ธ Nuxt module for first class integration with popular newsletter providers

nuxt-newsletter Newsletter module for Nuxt 3 โœจ Release Notes ๐Ÿ“– Read the documentation Features Nuxt 3 ready Easy integration with Mailchimp, Revue, B

Jan 5, 2023
Comments
  • Improvement suggestions

    Improvement suggestions

    • [x] Update README to mention that they can simply add LOGSNAG_API_TOKEN environment in .env instead of setting in nuxt.config
    • [x] Is the API token for log snag public? ๐Ÿค”
    • [x] Is it necessary? https://github.com/Intevel/nuxt-logsnag/blob/master/src/runtime/plugin.ts#L4
    • [x] I would rename it to publish on https://github.com/Intevel/nuxt-logsnag/blob/master/src/runtime/composables/useLogSnag.ts#L26, like the npm module: https://www.npmjs.com/package/logsnag
    • [x] Rename #app to #imports on https://github.com/Intevel/nuxt-logsnag/blob/master/src/runtime/composables/useLogSnag.ts#L2
    opened by Atinux 1
Releases(v1.1.0)
Owner
Conner
Conner
OpenID-Connect(OIDC) integration module for nuxt 3.0.

Nuxt OpenID-Connect OpenID-Connect(OIDC) integration module for nuxt 3.0. Features An Nuxt 3 module. OIDC integration ( implemetation base openid-clie

Aborn Jiang 10 Dec 24, 2022
๐Ÿช… Nuxt 3 module to connect with any API securely โ€“ server proxy & customizable composable names

nuxt-api-party This module provides composables to fetch data from an API of your choice securely. You can customize the composable names! Given json-

Johann Schopplich 65 Dec 26, 2022
Remove all client-side JS from your Nuxt 3 app

Nuxt Zero JS Remove all client-side JS from your Nuxt 3 app โœจ Changelog โ–ถ๏ธ Online playground Features โš ๏ธ nuxt-zero-js is under active development. โš ๏ธ

Daniel Roe 163 Jan 3, 2023
โšก๏ธ Minimal GraphQL Client + Code Generation for Nuxt

nuxt-graphql-client โšก๏ธ Minimal GraphQL Client + Code Generation for Nuxt โšก๏ธ Minimal GraphQL Client + Code Generation for Nuxt Features Zero Configurat

Dizzy 245 Dec 27, 2022
Nuxt.js module to use Unleash toggle feature services

nuxt-unleash Nuxt.js module to use Unleash toggle feature services ?? Release Notes Features Use $unleash to access and handle your Unleash feature fl

Juanjo Conejero 15 Dec 3, 2022
Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 ๐Ÿ“‹

nuxt-social-tags Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 โœจ Release Notes ?? Read the documentation Features Nuxt3 ready Composables

Conner 19 Dec 17, 2022
Nuxt 3 starter with Algolia, Storyblok, and Indexer

Nuxt 3 with Storyblok CMS and Algolia Search (incl. automatic indexing) This is a demo repository for an article in Dev.to. We recommend to look at th

Jakub Andrzejewski 5 May 24, 2022
End-to-end typesafe APIs with tRPC.io in Nuxt applications.

tRPC-Nuxt End-to-end typesafe APIs with tRPC.io in Nuxt applications. The client above is not importing any code from the server, only its type declar

Robert Soriano 231 Dec 30, 2022
A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

zernonia 208 Dec 27, 2022
๐Ÿ”Ž Algolia module for Nuxt

@nuxtjs/algolia Algolia module for Nuxt โœจ Release Notes ?? Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable

Nuxt Community 128 Jan 7, 2023