wobsoriano

import { watch, ref } from "vue";

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();

recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = "en-US";

export default function useSpeechRecognition() {

wobsoriano

import { onMounted, ref } from 'vue';

export default function useTextToSpeech() {
    const isLoading = ref(true);
    const isSupported = ref(null);
    const supportedVoices = ref([]);
    const message = ref(null);

    const checkIfSupported = () => {
        isLoading.value = true;

wobsoriano

import {
  Box,
  Flex,
  Image,
  Link,
  IconButton,
  Button,
  Heading,
  Icon,
  HStack,

wobsoriano

import React, { useState, useEffect, useContext, createContext } from 'react'
import firebase from './firebase'

const AuthContext = createContext()

export const AuthProvider = ({ children }) => {
    const auth = useProvideAuth()
    return <AuthContext.Provider value={auth}>{children}</AuthContext.Provider>
}

wobsoriano

function ChatScroller(props) {
  const ref = useRef()
  const shouldScrollRef = useRef(true)
  useEffect(()=> {
    if (shouldScrollRef.current) {
      const node = ref.current
      node.scrollTop = node.scrollheight
    }
  })
  const handleScroll = () => {

wobsoriano

function downloadImage(data, filename = 'untitled.jpeg') {
    var a = document.createElement('a');
    a.href = data;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
}

document.getElementById('btn-download').addEventListener("click", function(e) {
    const canvas = document.createElement('canvas');

wobsoriano

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

wobsoriano

import React from 'react';
import {
  Container,
  Header,
  Content,
  Footer,
  FooterTab,
  Button,
  Icon,
  Text,

wobsoriano

Steps:
1. Install Eslint Globally
npm i -g eslint

2. Open your create-react-app react project or create one by typing
npx create-react-app name-of-project
(needs npm 5.2+)

3. Initiate Eslint in your project:
eslint --init

wobsoriano

import React from "react"
import { Route, Switch } from "react-router-dom"

const AppRoute = ({ component: Component, layout: Layout, ...rest }) => (
  <Route {...rest} render={props => (
    <Layout>
      <Component {...props} />
    </Layout>
  )} />
)