Where do you put shared components and where do you put private ones?

Question

Vue.js

Here is my vue template, there are folders like this:

src/components
src/pages

In pages I put the page components for routing, and in components I put the common components of all pages (haeder, nav, footer, sidebar, etc.). But let's say there is a component that is used only on one page. Where to put it?
So?
src/pages/page1/components/PrivateComponents
And how do you do it?

Answer 1

And what will happen if tomorrow it will be used on another page? Should I copy the folder? I would throw it in components. But there it is also better to divide by tree, so that everything does not lie at the root.
If you want to bind to a page, then it's better to do this
src/components/page1/component