smokeyfro

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</blockquote>

smokeyfro

<blockquote class="quote">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
</blockquote>

smokeyfro

<template>
	<Layout>
    <main class="p-10 relative z-10 bg-white mx-10 shadow-2xl">
		<article>
			<h1>{{ $page.place.title }}</h1>
			<ol class="list w-2/3 mx-auto list-view">
			  <li v-for="item in $page.place.belongsTo.edges" :key="item.id">
				{{ item.title }}
			</li>
			</ol>

smokeyfro

AIRTABLE_API_KEY=
AIRTABLE_BASE_ID=
AIRTABLE_TABLE_NAME=

smokeyfro

<template>
<div class="gallery flex justify-center flex-wrap pull-out-both">
    <div class="w-1/3 p-4" :key="key" v-for="(img, key) in images">
        <div class="h-64 overflow-hidden rounded-lg shadow-lg">
            <a :href="imageDir + key.substr(1)" class="block" target="_blank">
                <img :src="imageDir + key.substr(1)" class="w-full h-64 object-cover">
            </a>
        </div>
    </div>
</div>

smokeyfro

<template>
    <div class="autosuggest-container relative z-50 ">
        <vue-autosuggest 
          ref="autosuggest"
          @click="clickHandler"
          @keydown.tab.prevent="tabHandler"
          @selected="selectHandler"
          :suggestions="filteredSuggestions"
          :inputProps="inputProps"
          :getSuggestionValue="getSuggestionValue"

smokeyfro

<template>
    <div class="relative">
        <Dropdown
            :options="$page.places.edges.map(e => e.node)"
            v-on:selected="submit"
            :disabled="false"
            name="dropdown"
            :maxItem="600"
            class="text-left"
            placeholder="Please select an option">

smokeyfro

<template>
  <header class="header w-full flex items-center pt-10 px-20">
        <a href="/" class="logo block z-50 flex items-center">
            <span v-html="selectedImage" class="text-black inline-block items-flex-start" />
        </a>
        <PriorityPlus :list="menuItems">
          <div slot-scope='{ mainItems, moreItems }'>
            <g-link v-for='(item, index) in mainItems'
                :key='index'
                :href='item.link'

smokeyfro

<script context="module">
  import blocksToHtml from '@sanity/block-content-to-html'
  import client from '../../sanityClient'
  import serializers from '../../components/serializers'
	export function preload({ params, query }) {
		const projection = `{
			...,
			excerpt[]{
				...
			}

smokeyfro

const axios = require('axios')

allBooks = [
  {
    isbn: "9781491997246",
    status: "read",
    review: "Will be applying this one to my Mzango build soon."
  },
  {
    isbn: "9781484238042",