@notice-org/vue-notice v1.0.0

vue-notice

This package provides Notice Component to render Notice.studio projects in Vue and NuxtJs applications.

Notice - FAQ, Blog & Documentation

Notice is a no-code editor that allows you to create, customize and implement an FAQ, documentation or blog in any web or mobile applications.

You are invited to visit notice.studio and start now deploying your solution!

Enrich your content

It supercharges your public pages by improving the SEO automatically. Your content will take much more space in search results. Google demonstrated that enriched content gets many more likes, I mean, clicks, than classic content.

No-code collaborative tool

Collaborate with your team, get insights about your users and improve your articles.

A no-code platform?

No-code means that you don't need to know how to code to benefit from all the superpowers of a Notice FAQ.

The search bar, the collaboration, the insights, the SEO optimization, everything is done under the hood automatically for you, you just need to write your content, we make it smart.

Installation

npm install @notice-org/vue-notice

Usage

Vue

1. Import Globally

import { createApp } from 'vue'
import App from './App.vue'
import NoticeBlock from '@notice-org/vue-notice'

createApp(App).component('NoticeBlock', NoticeBlock).mount('#app')

2. Import in component file

<script>
import NoticeBlock from '@notice-org/vue-notice'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  components: {NoticeBlock}
}
</script>

Usage in template

  <NoticeBlock projectid="your-project-id-here"></NoticeBlock>

NuxtJs

1. Import Globally Create 'plugins' folder and create a file notice.client.js

import Vue from 'vue'
import NoticeBlock from '@notice-org/vue-notice'

if (process.client) {
Vue.component("NoticeBlock",NoticeBlock)
}

In nuxt.config.js add this snippet.

  plugins: [
  {
      src: '~/plugins/notice.client.js',
      mode: 'client'
    }
  ]

2. Import in component file

<script>
export default {
  name: 'HelloWorld',
  components: {
		NoticeBlock: () => import('@notice-org/vue-notice')
	}
}
</script>

Usage in template

<client-only>
	<NoticeBlock projectid="your-project-id-here"></NoticeBlock>
</client-only>