Skip to content

Instantly share code, notes, and snippets.

View silvandiepen's full-sized avatar

Sil van Diepen silvandiepen

View GitHub Profile
@silvandiepen
silvandiepen / gist:cb43e90d1e8982dcb1ca4d5fc4ce5551
Created February 20, 2023 12:48
Remove duplicates from array
const characters = ['A', 'A', 'B', 'B', 'C'];
const uniqueCharacters = [...new Set(characters)];
console.log(uniqueCharacters);
@silvandiepen
silvandiepen / input.vue
Created November 29, 2022 11:37
Vue3 setup Input component base
<template>
<input type="text" v-model="value" />
</template>
<script lang="ts" setup>
const props = defineProps({
modelValue: {
type: String,
default: ""
@silvandiepen
silvandiepen / Enums.ts
Created November 28, 2022 10:55
Write better Enums
// Wrong
enum MyEnum {
MT = 'Malta',
NL = 'Nederland',
UK = 'United Kingdom'
}
// Right
const MyEnum = {
MT: 'Malta',
@silvandiepen
silvandiepen / projects.md
Last active December 6, 2022 16:57
A project by
### A project by Sil

Sil is developer from Holland living in Malta and always busy creating new little open source tools and projects. A few of his other projects;

__Tools__

- [Bemm](https://bemm.sil.mt), simple function to create easy and consequent BEM classes.
- [CLI Block](https://cli-block.sil.mt), for good looking scripts.
- [Gieter](https://gieter.sil.mt), creates small websites based on Markdown in seconds
#!/bin/bash
branch=$(git symbolic-ref HEAD | sed -e 's,.*/\(.*\),\1,')
staged=$(git diff --name-only --cached)
yellow=`tput setaf 3`
blue=`tput setaf 4`
reset=`tput sgr0`
bold=`tput bold`
dim=`tput dim`

Keybase proof

I hereby claim:

  • I am silvandiepen on github.
  • I am silvandiepen (https://keybase.io/silvandiepen) on keybase.
  • I have a public key ASBLg2G2Dgx4yHFZgz1OUblkUOVpIeAiwVKxGb-F2Bdlrgo

To claim this, I am signing this object:

GITHUB_API_KEY=[YOUR_API_KEY]
@silvandiepen
silvandiepen / _.vue
Last active May 23, 2024 10:26
Wordpress + Nuxt
<template>
<BuildSections
v-if="page && page.fields && page.fields.layout_content"
:sections="page.fields.layout_content"
></BuildSections>
</template>
<script>
import BuildSections from '~/components/build-sections.vue';
export default {
@silvandiepen
silvandiepen / all.json
Last active January 25, 2019 11:13
Cheatsheet
{
"javascript": ["js-custom-properties"],
"css": ["flexbox","css-grid"],
"misc": ["lowercase","publish-tag"]
}
### Packages
- [Vue Grid](https://www.npmjs.com/package/@sil/grid)
- [Vue Paroller](https://www.npmjs.com/package/@sil/paroller)
- [Vue Ratio](https://www.npmjs.com/package/@sil/ratio)
- [Vue Pointer](https://npmjs.com/sildcss-order.svd.im)
- [Vue Reload](https://www.npmjs.com/package/@sil/reload)
- [Vue Scroll Parallax](https://www.npmjs.com/package/@sil/scroll-parallax)
- [Vue Scroll Progress](https://www.npmjs.com/package/@sil/scroll-progress)
- [Vue ScrollTo](https://www.npmjs.com/package/@sil/scrollto)