ramsaylanier

<template>
  <div class="post-content" v-html="$parseContent(content)"/> 
</template>

<script>

export default {
  name: 'post-content',
  props: ['content']
}

ramsaylanier

// app.js
...

import {WordExpressShortcodes, WordExpressHelpers} from 'wordexpress-tools'
import {MyCustomShortcode} from '/path/to/my-custom-shortcode.js'
import WordExpressPlugin from '@/core/plugin'

const shortcodes = {
  ...WordExpressShortcodes,
  nameOfCustomShortcode: MyCustomShortcode

ramsaylanier

// app.js

...

// Import these from an NPM package that I created. 
import {WordExpressShortcodes, WordExpressHelpers} from 'wordexpress-tools'
import WordExpressPlugin from '@/core/plugin'

Vue.use(WordExpressPlugin, {
  shortcodes: WordExpressShortcodes,

ramsaylanier

// core/plugins/index.js

const WordExpressPlugin = {
  install (Vue, options) {
    const {shortcodes, helpers} = options
    
    // creates a instance method that can be used inside of a Vue component
    Vue.prototype.$parseContent = function (content) {
      return helpers.parseContent(content, shortcodes)
    }

ramsaylanier

<template>
  <div class="wrapper">
    <menu-container class="sidebar" :menuName="getSidebarMenuName()">
      <ul class="menu" slot-scope="menu">
        <li class="item" v-for="item in menu.items" :key="item.id">
          <menu-link :link="item.navitem"/>
        </li>
      </ul>
    </menu-container>
    <div class="body">

ramsaylanier

<template>
  <menu-container :menuName="menuName">
    <sidebar-menu slot-scope="menu" :menuItems="menu.items"/>
  </menu-container>
</template>

<script>
import MenuContainer from '@/components/menu/menuContainer'
import SidebarMenu from '@/components/menu/sidebarMenu'
export default {

ramsaylanier

<template>
  <div>
    <slot :menuItems="menus.items">
    </slot>
  </div>
</template>

<script>
import MenuQuery from './menu.gql'
export default {

ramsaylanier

query Menu($menu: String!) {
  menus(name: $menu) {
    items {
      id
      order
      post_title
      navitem{
        id
        post_title
        post_name

ramsaylanier

<template>
  <div>
    <svg :class="$style.svg" id="svg" ref="svg">
    </svg>
  </div>
</template>


<script>

ramsaylanier

onmessage = function (e) {
  const data = e.data
  const length = data.data.length
  const BLOCKSIZE = 5
  const STEPS = 4
  let i = -4
  let count = 0
  let rgb = {r: 0, g: 0, b: 0}