>scss
->shared/
-->_forms.scss

>scss
->shared/
-->_forms.scss

@use "@shared/forms" as f;

.form {
  @extend f.%form; // error!

@use "@shared/forms" as f;

.form {
  @extend f.%form; // error!

@use "@shared/forms" as f;

.form {
  @include f.form; // success!

@use "@shared/forms" as f;

.form {
  @include f.form; // success!

@mixin commerce-layout-padding() {
  padding: t.$sp-xs;
}

@mixin commerce-layout-padding() {
  padding: t.$sp-xs;
}

type Emoji = {
  emoji: string;
  count: number;
};

export default class User {
  constructor(
    public server: string,
    public username: string,
    public emojis: Emoji[],
  ) {}
}

type Emoji = {
  emoji: string;
  count: number;
};

export default class User {
  constructor(
    public server: string,
    public username: string,
    public emojis: Emoji[],
  ) {}
}

// psuedocode
const serverUsers = users.filter((user) => {
  return user.server === server;
});

users.sort((a, b) => {
  const userACount = a.emojis.find((emoji) => {
    return (emoji.emoji === 'chart').count;
  });

  const userBCount = b.emojis.find((emoji) => {
    return (emoji.emoji === 'chart').count;
  });

  return userACount > userBCount; // I know this won't work lol gotta think about it
});

// psuedocode
const serverUsers = users.filter((user) => {
  return user.server === server;
});

users.sort((a, b) => {
  const userACount = a.emojis.find((emoji) => {
    return (emoji.emoji === 'chart').count;
  });

  const userBCount = b.emojis.find((emoji) => {
    return (emoji.emoji === 'chart').count;
  });

  return userACount > userBCount; // I know this won't work lol gotta think about it
});

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

{% set classes = 'custom-image ' ~ alignment ?? '' ~ ' ' ~ decoration ?? ''  %}

<div class="{{ classes|trim }}">
  {% include "_components/image.twig" with { image: image.asset } %}
</div>

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"), 
    url("/assets/fonts/open-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}

class Bot extends Discord
{

    ...

    public function __construct()
    {
        $dotenv = Dotenv::createImmutable(dirname(__DIR__, 1));
        $dotenv->load();
        $dotenv->required('UMPIRE_TOKEN')->notEmpty();

        parent::__construct([
            'token' => $_ENV['UMPIRE_TOKEN'],
            'intents' => Intents::getDefaultIntents(),
        ]);
    }

    ...

}

class Bot extends Discord
{

    ...

    public function __construct()
    {
        $dotenv = Dotenv::createImmutable(dirname(__DIR__, 1));
        $dotenv->load();
        $dotenv->required('UMPIRE_TOKEN')->notEmpty();

        parent::__construct([
            'token' => $_ENV['UMPIRE_TOKEN'],
            'intents' => Intents::getDefaultIntents(),
        ]);
    }

    ...

}

function geocode(location) {
  geocoder = new google.maps.Geocoder();

  if (!location) {
    console.error("Location argument is null.");
    return;
  }

  return new Promise((resolve, reject) => {
    geocoder.geocode({ address: location })
      .then((result) => {
        const { results } = result;

        if (results) {
          const coordinates = results[0].geometry.location;
          const lat = coordinates.lat(); // These are functions
          const lng = coordinates.lng();

          resolve({ lat: lat, lng: lng });
        }
      })
      .catch((error) => {
        console.error("Geocode was not successful: " + error);
        reject(error);
      });
  });
}

function geocode(location) {
  geocoder = new google.maps.Geocoder();

  if (!location) {
    console.error("Location argument is null.");
    return;
  }

  return new Promise((resolve, reject) => {
    geocoder.geocode({ address: location })
      .then((result) => {
        const { results } = result;

        if (results) {
          const coordinates = results[0].geometry.location;
          const lat = coordinates.lat(); // These are functions
          const lng = coordinates.lng();

          resolve({ lat: lat, lng: lng });
        }
      })
      .catch((error) => {
        console.error("Geocode was not successful: " + error);
        reject(error);
      });
  });
}

// Create new markers
locations.forEach(async (location) => {
  const coordinates = await geocode(location);

  if (coordinates) {
    const marker = new AdvancedMarkerElement({
      map: map,
      position: coordinates,
      title: "Uluru",
    });
  }
});

// Create new markers
locations.forEach(async (location) => {
  const coordinates = await geocode(location);

  if (coordinates) {
    const marker = new AdvancedMarkerElement({
      map: map,
      position: coordinates,
      title: "Uluru",
    });
  }
});