mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 15:51:16 +08:00
Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"round"` shape in the ionic theme. ## What is the new behavior? - Adds the styles for the default (round) shape (border radius) - Adds e2e test for the round shape - Updates the screenshots for the avatar `size` due to the new default shape ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10738-ionic1.vercel.app/src/components/avatar/test/shape?ionic:theme=ionic)
@ionic/vue
Ionic Framework integration for Vue 3 apps.
Building
- Install dependencies in
@ionic/core:
cd core && npm install
- Build
@ionic/core. This will generate Vue component bindings in thepackages/vuedirectory:
npm run build
- Install dependencies in
@ionic/vue:
cd packages/vue && npm install
- Build
@ionic/vue:
npm run build
- Install dependencies in
@ionic/vue-router:
cd packages/vue-router && npm install
- Build
@ionic/vue-router:
npm run build
Tests
- E2E Tests are found in the
packages/vue/test/base/testsdirectory and use Cypress. - When making changes to
@ionic/vueor@ionic/vue-routeryou can runnpm run syncin the test-app directory to ensure that the test application is using your built changes. Be sure to build in thevueandvue-routerdirectories first. - Tests can be run in headless mode by running
npm run cypress. - If you want to open the Cypress test runner, you can run
node_modules/.bin/cypress open. - Bug fix and feature PRs should have new tests verifying the PR functionality.
Contributing
See our Contributing Guide.
Need Help?
Post your question on the Ionic Forum.