Emily emilyruby

## routes.js
const routes = [
  {
    path: '/',
    component: App,
    meta: {
      title: 'My Website- Homepage'
    }
  },
  {
    path: '/contact',

## before_each.js
router.beforeEach((to, from, next) => {
  document.title = to.meta.title
  next()
})

## focus_directive.js
// Register a global custom directive called `v-focus`
Vue.directive('focus', {
  // When the bound element is inserted into the DOM...
  inserted: function (el) {
    // Focus the element
    el.focus()
  }
})

## global_events.vue
<template>
  <div>
    <GlobalEvents
      @focus="handleAppFocus"
    ></GlobalEvents>
    <!-- Component Contents -->
  </div>
</template>

<script>

## no_aria_example.html
<li tabindex="0" class="checkbox" checked>
  Check Me
</li>

## aria_example.html
<li tabindex="0" class="checkbox" role="checkbox" checked aria-checked="true">
  Check Me
</li>

## aria_vue.vue
<template>
  <div
    :aria-hidden="!isActive"
    role="button">
  </div>
</template>

<script>
export default {
  data: () => ({

## Install Node
brew install node

## Install React-Native CLI
npm install -g react-native-cli

## gist:3e8a8ff280981c0a780ec605341b5a8f
react-native init TreasureCache
	const routes = [
	{
	path: '/',
	component: App,
	meta: {
	title: 'My Website- Homepage'
	}
	},
	{
	path: '/contact',
	router.beforeEach((to, from, next) => {
	document.title = to.meta.title
	next()
	})
	// Register a global custom directive called `v-focus`
	Vue.directive('focus', {
	// When the bound element is inserted into the DOM...
	inserted: function (el) {
	// Focus the element
	el.focus()
	}
	})
	<template>
	<div>
	<GlobalEvents
	@focus="handleAppFocus"
	></GlobalEvents>
	<!-- Component Contents -->
	</div>
	</template>

	<script>
	<li tabindex="0" class="checkbox" role="checkbox" checked aria-checked="true">
	Check Me
	</li>
	<template>
	<div
	:aria-hidden="!isActive"
	role="button">
	</div>
	</template>

	<script>
	export default {
	data: () => ({