Paretkf

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

Paretkf

module.exports = {
  root: true,
  env: {
    es6: true,
    node: true
  },
  extends: [
    'plugin:vue/recommended',
    '@vue/standard',
    'airbnb-base'

Paretkf

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./*"],
      "~~/*": ["./*"],
      "@@/*": ["./*"]
    }
  },

Paretkf

# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH

# Path to your oh-my-zsh installation.
  export ZSH="/home/rachata/.oh-my-zsh"

# Set name of the theme to load. Optionally, if you set this to "random"
# it'll load a random theme each time that oh-my-zsh is loaded.
# See https://github.com/robbyrussell/oh-my-zsh/wiki/Themes
ZSH_THEME="cobalt2"

Paretkf

<template>
  <div id="app">
    <img src="./assets/logo.png"> <br>
    <button @click="getUser()">get User from API</button> <br>
    {{user}}
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld'

Paretkf

import Vue from 'vue'
import Vuex from 'vuex'
import UserProvider from '@/resources/user_provider'
const userService = new UserProvider()

Vue.use(Vuex)

const modules = {
}

Paretkf

import HttpRequest from './http_request'

class UserProvider extends HttpRequest {
  constructor () {
    // api api
    super('https://api.myjson.com/bins/17k39m')
  }

  async getUser () {
    // example path https://api.myjson.com/bins/17k39m/

Paretkf

import axios from 'axios'

class HttpRequest {
  constructor (url = 'https://api.myjson.com/bins/17k39m') {
    // this.axios = axios
    this.axiosInstance = axios.create({
      baseURL: url,
      timeout: 120000
    })

Paretkf

<template>
  <div id="app">
    <h1>Example Highlight</h1>
    <h2>input</h2>
    <div>
      <b>overWriteStyle</b> {{overWriteStyle}}
    </div>
    <div>
      <input type="text" v-model="newKeyword">
      <button @click="addKeyword(newKeyword)">Add Keyword</button>

Paretkf

<template>
  <div class="hello">
    <h1>{{ $t("message.hello") }}</h1> <br>
    <button @click="switchLocale()">{{ displayLocale }}</button>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',