Advanced TypeScript Programming Projects

Adding pose detection capabilities

Before we start addressing pose detection, we are going to add a component that will play host to the relevant functionality. As this is our first component from scratch, we'll also cover it from scratch. Inside our views folder, create a file called Pose.vue. This file is going to contain three logical elements, so we will start off by adding those and setting up our template to use Bootstrap:

<template>  <div class="container">  </div></template><script lang="ts"></script><style scoped></style>

The only one of these that we haven't looked at so far is the style section. Scoped styles allow us to apply styling that just applies to the current component. We will apply local styling shortly, but first, we need ...