NicolasDurant

<template>
  <div v-if="showMe" :class="[`variant-${variant}`]" class="rounded-md p-4">
    <div class="flex">
      <!-- LEADING ICON -->
      <div class="flex-shrink-0 icon">
        <CheckCircleIcon v-if="variant === 'success'" class="h-5 w-5" aria-hidden="true"/>
        <InformationCircleIcon v-if="variant === 'info'" class="h-5 w-5 text-blue-400" aria-hidden="true"/>
        <ExclamationTriangleIcon v-if="variant === 'warn'" class="h-5 w-5" aria-hidden="true"/>
        <XCircleIcon v-if="variant === 'error'" class="h-5 w-5" aria-hidden="true"/>
      </div>

NicolasDurant

<!--suppress CssInvalidFunction -->
<template>
  <div :class="{'fullscreen': fullscreen, 'horizontal': horizontal }" class='scroll-snap-container'>
    <!-- Items (pages or containers) that should be scroll snapped -->
    <slot></slot>
  </div>
</template>

<script lang='ts'>
import { Component, Prop, Vue } from 'vue-property-decorator'

NicolasDurant

#!/bin/sh
# If you don't have the GNU commands (amazing stuff) on your mac, install with:
# $ brew install autoconf bash binutils coreutils diffutils ed findutils flex gawk \
#    gnu-indent gnu-sed gnu-tar gnu-which gpatch grep gzip less m4 make nano \
#    screen watch wdiff wget
# If you don't have the tree command on your mac, install with:
# $ brew install tree
#
# Just a quick shell script that outputs all asset files with their path and writes them into assets_list.txt.
# Prefixed with "- assets/${path}" so you can copy that into the pubspec.yml.

NicolasDurant

<video
 :id='videoId'
 autoplay
 muted
>
</video>
  
  // element id of the video tag
  private videoId: string = 'video-appetizer'
  // those are all the videos that should play after each other, when the one before finishes

NicolasDurant

<template>
  <div
    class="d-flex flex-column justify-center align-end"
    style="height: 100%; width: 100%"
  >
    <!-- DRAG & DROP AREA -->
    <div
      class="drop d-flex flex-column justify-center align-center"
      :class="classes"
      @dragover.prevent="dragOver"

NicolasDurant

<template>
  <div class="container-style">
    <v-alert
      :type="notification.type"
      v-for="(notification,index) in notifications"
      :key="index"
      class="alert-style"
      elevation="3"
      dismissible
      dense

NicolasDurant

import { shallowMount, createLocalVue } from '@vue/test-utils'
import Vuetify from 'vuetify'
// You can add mock-data for vuetify/components in this file, but keep in mind this will be added to all tests importing this helper 
// -> jest could become slower if you stub stuff that is not useful for each test


const localVue = createLocalVue();
// if you need to stub more vuetify variables or methods add them here
const vuetify = new Vuetify({
    mocks: {

NicolasDurant

import { mapActions } from 'vuex'
import * as filter from '@/store/filter/filter.js'

/** Mixin responsible for creating our filter store module based on a blue print store called filter.js
 * Is also able to create multiple stores if needed.
 * @author Nicolas Durant
 * @mixin create-filter-module
 * @summary Usually mixed into default Page Components that use tables
 * @requires vuex - to set the inital filter and sort arrays
 * @requires filter - store blueprint for our dynamic stores

NicolasDurant

// Has to be in the Nuxt plugins/ folder
import Vue from 'vue'
import upperFirst from 'lodash/upperFirst'
import camelCase from 'lodash/camelCase'

const requireComponent = require.context(
  // The relative path of the components folder
  '@/components/base',
  // Whether or not to look in subfolders
  false,

NicolasDurant

const fs = require('fs');
const readline = require('readline');
const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
});
const opt = 'utf8';

const routes = fs.readFileSync('./routes.js', opt);
rl.question('Want to generate Swagger Info Object (y/n)? ', (answer) => {