horlarme

<script setup lang="ts">
import {computed, nextTick, onBeforeUnmount, onMounted, ref} from "vue";
import RecipientsBadge from "@/components/RecipientsBadge.vue";

interface Props {
  recipients: Array<string>
}

const props = defineProps<Props>()

horlarme

This gist takes you through the process of using lottie-player as a directive in Vue3 application.

Installing Lottie

Nuxt3 (using cdn)

Add the below object to the script list at app.head.script inside your nuxt.config file (nuxt.config.ts or nuxt.config.js, whichever applies to your case). */

{ src: 'https://unpkg.com/@lottiefiles/lottie-player@2.0.2/dist/lottie-player.js' }

horlarme

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers