upalexgill

const prefix = "is-";
const elements = document.querySelectorAll(<SELECTOR>);
elements?.forEach((element) => {
  const classes = elements.className
	.split(" ")
	.filter((c) => !c.startsWith(prefix));
  elements.className = classes.join(" ").trim();
});

upalexgill

const items = [
  {
    key: 'categoryA',
    sequence: 1
  },
  {
    key: 'categoryB',
    sequence: 2
  },
  {

upalexgill

// array-of-objects
const dataset = [
  {
    id: 1,
    name: 'Foo',
    timestamp: new Date()
  },
  {
    id: 2,
    name: 'Bar',

upalexgill

function findByKey(obj, keyToFind) {
  return Object.entries(obj)
    .reduce((acc, [key, value]) => (key === keyToFind)
      ? acc.concat(value)
      : (typeof value === 'object')
      ? acc.concat(findByKey(value, keyToFind))
      : acc
    , [])
}

upalexgill

const xmlData = ``;

function getCommaSeparatedUrls(xml) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(xml, 'text/xml');
  const sitemapNodes = xmlDoc.getElementsByTagName('loc');
  const urls = [];

  for (let i = 0; i < sitemapNodes.length; i++) {
    urls.push(sitemapNodes[i].textContent);

upalexgill

name: Create Environment Variables
on: push
jobs:
  dev-build:
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/develop'
    steps:
      - name: Git checkout
        uses: actions/checkout@v2
      - name: Create develop env file

upalexgill

import { toRefs } from 'vue'
import { reactive } from '@vue/reactivity'
import { IFetch } from '@/interfaces'

export default function useFetch() {
  const state: IFetch = reactive({
    data: null,
    isLoading: false,
    errorMessage: '',
    isFinished: false,

upalexgill

const webComponent = document.querySelector(<COMPONENT>);
const shadow = webComponent && webComponent.shadowRoot;
const frame = shadow && shadow.querySelector('iframe');
if (frame) {
  const sheet = new CSSStyleSheet;
  sheet.replaceSync('iframe { height: 100vh !important; width: 100vw !important; }');
  shadow.adoptedStyleSheets = [sheet];
}

upalexgill

// src/scss/variables.scss

$body-font-family: 'Noto Sans', sans-serif;

@use 'vuetify' with (
  $body-font-family: $body-font-family,
  $heading-font-family: $body-font-family
);

upalexgill

name: Run Unit Tests and Lint Files
on: push
jobs:
  testing:
    name: "Automated tests"
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: |
              npm ci