How to get images from assets folder?

Question

I'm beginner and I currently learn vue.js. I try to create a carousel slider but I can't get my images from the assets folder. I don't find any solution that it helps me to solve the problem. Can anyone help me, why I don't see on the site?

<template>
 <div class="container">
  <div class="title">Projects</div>
   <Carousel class="carousel">
    <Slide v-for="(slide, index) in carouselSlide" :key="index">
     <div class="slide-info">
      <img :src="require(`../assets/${slide}.jpg`)" />
     </div>
    </Slide>
   </Carousel>
  </div>
</template>

<script>
import Carousel from "../utility-components/Carousel.vue";
import Slide from "../utility-components/Slide.vue";

export default {
setup() {
  const carouselSlide = ["bg-1", "bg-2", "bg-3"];

  return carouselSlide;
},

components: { Carousel, Slide },
};
</script>

enter image description here

Answer 1

You can solve your equations analytically rather than numerically (probably someone will say that this is not the place for this).

Let's analyze your function

    def fun(self, var, dat):
        f0 = var.dot(self.roc[0] - self.roc[1]) - c * (dat[1] - dat[0])
        f1 = var.dot(self.roc[1] - self.roc[2]) - c * (dat[2] - dat[1])
        n = np.linalg.norm(var) - 1

        return [f0, f1, n]

The solutions of f0 = 0 lie in a plane normal to self.roc[0] - self.roc[1].

The solutions of f1 = 0 lie in a plane normal to self.roc[1] - self.roc[2].

The solutions of n = 0 lies in a sphere.

The intersection of two planes is a line going on the direction give by the cross product between the normal of the two planes.

The intersection between a line and a sphere will either be (a) one tangent point; (b) two points, one entering, one leaving the sphere; (c) no solution if the line passes is far from the sphere.