Puppy Café

Ligthouse

Link to RELEASE of Netlify

https://puppy-cafe.netlify.app/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Relevant Information

Atención

BootstrapVue doesn't work with Vue 3.x as same sa many libraries that work with Vue, so for this reason please install Vue 2.x instead of any other newer version of Vue. You will be thankfull later and will make much easier your project development. In my case I just find out after braking my head out to know why when I was installing BootstrapVue the server just rendered a blank file. Now an hour and a quarter later I found out the answer tanks to this StackOverflow post:

https://stackoverflow.com/questions/63768491/export-default-imported-as-vue-was-not-found-in-vue

First build to install vue

npm init vue@latest npm i npm run dev

npm install -g @vue/cli

Install Volar Vue extension to work with VSCode efficiently

YouTube BootstrapVue project tutorial

vue create

vue add bootstrap-vue

Start development with: npm run serve

Different ways to import components:

https://stackoverflow.com/questions/49154490/did-you-register-the-component-correctly-for-recursive-components-make-sure-to

https://michaelnthiessen.com/solve-unknown-custom-element-vue

Style router links

https://stackoverflow.com/questions/46083220/how-to-vuejs-router-link-active-style

nav tag, why role property

https://stackoverflow.com/questions/14911038/nav-role-navigation

Vue bind images by Props

https://www.codegrepper.com/code-examples/javascript/how+to+pass+image+as+props+in+vue+js

pau13-loop/Vue_Puppy_Cafe_Project