abe-lib

new Vue({
  el: "#app",
  data: function () {
    return {
      dragging: false,
      text: "LGTM",
      fontfamily: "Arial",
      fonts : ['American Typewriter','Arial','Arial Black','Cambria','Chalkboard','Copperplate','Futura','Georgia','Gill Sans','Helvetica','Impact','PT Mono','PT Sans','Tahoma','Times New Roman','Verdana'],
      size: 100,
      color:"#000000",

abe-lib

<div id="app">
    <header class="header">
      <h1>LGTMaker</h1>
    </header>
    <div class="container">
      <div class="canvas">
        <svg viewbox="0 0 600 400" width="600" height="400" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:vectos="http://www.vectos.org/xlink" xmlns:xlink="http://www.w3.org/1999/xlink">
          <text :x=d.x :y=d.y dy="0" dx="0"
          :font-family=fontfamily
          :stroke-width=borderthin

abe-lib

import Vuex from 'vuex'
import firebase from '@/plugins/firebase'

const store = () => {
  return new Vuex.Store({
    state: {
      memos:[],
      user:[]
    },
    mutations: {

abe-lib

<template>
  <div style="display: flex;flex-direction: column; width: 100%;">
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item v-for="(item) in memos"
      :key="item.key"
      :index="item.key">
        <el-popover 
        class="popOver"
        placement="top-start"
        width="240"

abe-lib

<template>
  <el-container class="is-vertical" style="height: 100vh;">
    <Header 
    @viewChange="viewChange" 
    :viewMode="viewMode" 
    @formVisible="dialogFormChange" 
    :dialogFormVisible="dialogFormVisible"
    :isLogin="isLogin" />
    <el-main >
      <Content

abe-lib

const pkg = require('./package')

module.exports = {
  mode: 'spa',
  head: {
    title: "TEMPO MEMO",
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }