JavaScript vue/dist/vue use Examples

Example #1

File: store.js Project: stewartlord/contrast

'use strict';

const persist  = require('vuex-persistedstate');
const Vue      = require('vue/dist/vue');
const Vuex     = require('vuex');
const { REPOSITORY_COLORS, THEMES } = require('./constants');

Vue.use(Vuex);

const findRepository = (repository, repositories) => {
  return repositories.findIndex(candidate => candidate.path === repository.path);
}

const addRepository = (repository, repositories) => {
  let index = findRepository(repository, repositories);
  if (index > -1) {
    repositories.splice(index, 1);
  }
  repository.color = Math.floor(Math.random() * REPOSITORY_COLORS.length);
  repositories.push(repository);
  return repositories;
}

const getAccessScore = (repository) => {
  // Score the repository based on how frequently and how recently it was accessed.
  // Start with the accessCount and divide by number of weeks of inactivity.
  // Note: we use weeks + 1 so score decays immediately and we don't overly boost recent items.
  if (!repository.accessCount || !repository.accessTime) return 0
  let score = repository.accessCount
  let weeksInactive = Date.now() - repository.accessTime / (7 * 24 * 60 * 60 * 1000);
  return score / (weeksInactive + 1)

Example #2

File: i18n.spec.js Project: crossjs/generator-x

import Vue from 'vue/dist/vue'
import I18n from 'plugins/i18n'

Vue.use(I18n)

describe('basic', () => {
  let el
  let vm

  beforeEach(() => {
    el = document.createElement('div')
    document.body.appendChild(el)
  })

  afterEach(() => {
    // document.body.removeChild(el)
    vm.$destroy
  })

  const fragment = `<div>
    <div>{{__('a')}}</div>
    <div>{{__('b.c')}}</div>
    <div>{{__('b.not.exist')}}</div>
    <div>{{__('totally.not.exist')}}</div>
    <div>{{__('')}}</div>
    <div>{{__('b.d', { a: 'foo' })}}</div>
    <div>{{__('b.e', ['bar'])}}</div>
  </div>`

  const resources = {
    a: 'A',

Example #3

File: index.js Project: zealot128/Photo-Gallery

import Vue from 'vue/dist/vue';
import App from 'picapp/app.vue'

import Buefy from 'buefy'
import VueGallery from 'vue-gallery';

import 'buefy/lib/buefy.css'
Vue.use(Buefy)
Vue.use(VueGallery)

import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)

import VueClip from 'vue-clip'
Vue.use(VueClip)

const moment = require('moment')
require('moment/locale/de')
Vue.use(require('vue-moment'), { moment })
moment.locale('de');

const vueSmoothScroll = require('vue-smoothscroll');
Vue.use(vueSmoothScroll);

import 'mdi/css/materialdesignicons.css'
import store from 'picapp/store'

document.addEventListener('DOMContentLoaded', () => {
  if (!document.getElementById('vue-entry')) {
    return
  }

Example #4

File: index.js Project: ZhilinS/Blog

import Vue from 'vue/dist/vue'
import Router from 'vue-router/dist/vue-router'
import Home from '../components/Home.vue'
import Posting from '../components/Posting.vue'

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'Home',
            component: Home
        },
        {
            path: '/posts/add',
            component: Posting
        }
    ]
})

Example #5

File: vue-moment.spec.js Project: brockpetrie/vue-moment

import moment from 'moment-timezone';
import Vue from 'vue/dist/vue';
import VueMoment from '../vue-moment';

Vue.use(VueMoment, {
  moment,
});

const now = moment();
const tomorrow = moment().add(1, 'day');
const period = 'P1D';

const vm = new Vue({
  template: '<div>{{ now | moment(...args) }}</div>',
  data() {
    return {
      now,
      args: [
        'YYYY-MM-DD',
      ],
    };
  },
}).$mount();

const vmd = new Vue({
  template: '<div>{{ period | duration(...args) | duration(...formatter) }}</div>',
  data() {
    return {
      period,
      args: [],
      formatter: ['humanize', true],

Example #6

File: main.js Project: vuchl/webpack-simple-2.0

import Vue from 'vue/dist/vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Vuex from 'vuex'

Vue.use(Vuex);
const store = new Vuex.Store({
	state: {
		a: 'happy'
	}
})

const Home = Vue.component('home', {
	template: `
		<span>home</span>
	`
})

const Test = Vue.component('test', {
	template: `
		<span>test</span>
	`
})

Vue.use(VueRouter);

const router = new VueRouter({
	mode: 'history',
	routes: [
		{path: '/', component: Home},
		{path: '/test', component: Test}