Core/scaffold

[advweb-grp1]

This issue is raised to track the basic vue project init. The requirements should be:

• [x] VueJS app init

• [x] Router with empty views for each page. Need site map first.

• [x] Add bootstrap

• Database config? This will require a separate issue for db set up with firestore.

• Add .gitignore for the env file. Part of the DB setup.

[rwx-yxu]

Testing will not be included for now as that has not been covered in the labs. A separate issue should be opened called "core/testing".

[rwx-yxu]

Pull request should only be merged in after All members have verified that they can start the app.

[rwx-yxu]

There are some confusing documentation out there. Misleading in fact. This docs https://bootstrap-vue.org/docs tries to tell you to add 'boostrap-vue' ontop of the 'bootstrap' npm package. Not required for our usage imo. We faced an error for

X [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

X [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:
      13 │ import Vue from 'vue';
         ╵        ~~~

X [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

    node_modules/bootstrap-vue/esm/vue.js:13:7:```

It is much simpler to just add the boostrap npm package standalone. Here is a useful doc site: https://larainfo.com/blogs/how-to-install-bootstrap-5-in-vue-3

[rwx-yxu]

Group meeting

Having issues adding vitest and cypress retroactively to the project if not initially set up for vue init. When trying to run npm run test:unit or npm run test:e2e

npm ERR! Missing script: "test:unit"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

npm ERR! A complete log of this run can be found in:

[rwx-yxu]

Could be worth to just make a new project with the testing setup.

[rwx-yxu]

Raised new branch to handle the setup https://github.com/advweb-grp1/advanced-web-final-year-project/tree/core/scaffold-v2

[rwx-yxu]

Had an issue for firebase github actions Resource not accessible by integration when trying to run the workflow. I managed to resolve it by changing the repo settings for actions This is under the actions > general tab rather than the general tab

[rwx-yxu]

Current error is this

 "status": "error",
    "error": "Directory 'dist' for Hosting does not exist."

[rwx-yxu]

Going to try to move all of the current vue code up one directory so we are not having to fight what is considered the working directory. Need to check if the cardiomyopathy directory is being referenced anywhere first in case it will have an unintended side effect.

[rwx-yxu]

Package.json references the cardiomyopathy name. I'll try to change the name to the repo name and run npm install and npm run dev

[rwx-yxu]

Github actions wasn't being triggered for my new commits to the pull requests because of the on pull_request_target option. This means that the latest action that was ran 7 hours ago was still being used which has an old workflow file...

[rwx-yxu]

I'm going to add an action to be triggered for new commits on to a pull request and when it is opened. This would be valid for whenever we need to modify the workflow if our needs require it.