Skip to content

Instantly share code, notes, and snippets.

View Akryum's full-sized avatar
☮️
Meow

Guillaume Chau Akryum

☮️
Meow
View GitHub Profile
@Akryum
Akryum / App.vue
Last active September 30, 2019 11:03
<template>
<div id="app">
<RouteController />
<nav>...</nav>
<router-view/>
</div>
</template>
@Akryum
Akryum / FileExplorer.vue
Last active November 25, 2019 18:29
Example of migration to Vue Function-based Component API
<script>
import { isValidMultiName } from '@/util/folders'
import FOLDER_CURRENT from '@/graphql/folder/folderCurrent.gql'
import FOLDERS_FAVORITE from '@/graphql/folder/foldersFavorite.gql'
import FOLDER_OPEN from '@/graphql/folder/folderOpen.gql'
import FOLDER_OPEN_PARENT from '@/graphql/folder/folderOpenParent.gql'
import FOLDER_SET_FAVORITE from '@/graphql/folder/folderSetFavorite.gql'
import PROJECT_CWD_RESET from '@/graphql/project/projectCwdReset.gql'
import FOLDER_CREATE from '@/graphql/folder/folderCreate.gql'
<script>
import { isValidMultiName } from '@/util/folders'
import FOLDER_CURRENT from '@/graphql/folder/folderCurrent.gql'
import FOLDERS_FAVORITE from '@/graphql/folder/foldersFavorite.gql'
import FOLDER_OPEN from '@/graphql/folder/folderOpen.gql'
import FOLDER_OPEN_PARENT from '@/graphql/folder/folderOpenParent.gql'
import FOLDER_SET_FAVORITE from '@/graphql/folder/folderSetFavorite.gql'
import PROJECT_CWD_RESET from '@/graphql/project/projectCwdReset.gql'
import FOLDER_CREATE from '@/graphql/folder/folderCreate.gql'
import Case from 'case'
const originalToString = Object.prototype.toString
function isPlainObject (obj: any): boolean {
return originalToString.call(obj) === '[object Object]'
}
export function toCamel (data: any): any {
if (Array.isArray(data)) {
import Prism from 'prismjs'
import loadLanguages from 'prismjs/components/index.js'
import path from 'path'
loadLanguages()
const languages = [
{ test: /\.(html|vue|xml)$/, lang: 'markup' },
{ test: /\.js$/, lang: 'javascript' },
{ test: /\.sh$/, lang: 'bash' },
@Akryum
Akryum / vue.config.js
Last active February 3, 2026 14:07
Use webpack-assets-manifest with Vue CLI 3
module.exports = {
chainWebpack: config => {
config
.plugin('manifest')
.use('webpack-assets-manifest', [{
publicPath: process.env.BASE_URL,
output: process.env.NODE_ENV === 'development' ? 'webpack.dev.manifest.json' : 'webpack.manifest.json',
writeToDisk: true,
}])
}
"""
Some user.
"""
type User implements Entity {
id: ID!
email: String!
organization: Organization!
"""
Teams of the user.
"""
@Akryum
Akryum / QuestionItem.vue
Last active February 7, 2019 17:43
Vue.js composition utils
<template>
<DynamicScrollerItem
:item="item"
:active="active"
:size-dependencies="[
idState.answering,
data.answer,
isLiveAnswering,
]"
>
@Akryum
Akryum / preset.json
Last active December 30, 2018 22:44
Nodepack Preset
{
"name": "My preset",
"useConfigFiles": false,
"plugins": {
"@nodepack/plugin-babel": "^0.0.1",
"@nodepack/plugin-typescript": "^0.0.1"
},
"appMigrations": {
"@nodepack/plugin-typescript": {
"[email protected]": {
@Akryum
Akryum / vue.config.js
Created September 27, 2018 10:18
Per-page split chunks
module.exports = {
pages: {
pageA: 'src/pageA.js',
pageB: 'src/pageB.js',
pageC: 'src/pageC.js',
},
chainWebpack: config => {
const options = module.exports
const pages = options.pages