2.0.0

2x Fixes & Improvements

• updated all src/components/sass files. Replaces import "x" as use "x"
• added namespace to sass files like below

@import "./variables" as v;

p code {
	background: rgba(v.$color-black, 0.1);
	color: rgba(v.$color-black, 0.8);
}

• added sass loader "sass-loader": "^16.0.2", to package.json

Submodule Fixes

• Removed packages/admin from .giginore file
• Removed admin submodule from git modules, developers must follow the installation codes.

git clone -b 2.0 git@github.com:olomadev/olobase-skeleton-ui.git
git submodule add -b 2.x git@github.com:olomadev/olobase-admin.git packages/admin
npm i

2x version major changes

• Added disableFetch and disableFilters props to List provider.
• Replaced vuex store with Pinia.
• Deprecated usage of this.admin, now we use this.$admin which is defined in global properties as following:
• Added CategoryTree list component
• Added disableDelete property to DeleteButton

Updated Providers:

• providers/auth/jwt.js
• providers/auth/actions.js

Updated All Mixins:

• mixins/resource.js (currentResource() relaced this.admin as this.$admin)

Updated All Store Modules:

• store/api.js
• store/auth.js
• store/guest.js
• store/messages.js
• store/resource.js

Updated Plugins & Files

• plugins/index.js ( added pinia )
• updated i18n/translation.js setLocale() function

Updated Layouts/Admin.vue Computed Functions

• getEmail()
• getAvatar()
• getFullname()
• getCurrentLocale()
• avatarExists()
• mapActions()
• logout()

Added disableTitle prop to ActionPage.vue Layout

• disableTitle

Changed date format in date field

** Added disableSubmit prop and feature to ui/providers/Form.vue

• disableSubmit

 app.config.globalProperties.$admin = admin; 

Old usage:

this.admin

New usage:

this.$admin

• deprecated vuex module getters

Old usage:

this.admin.store.getters['messages/getSnackbar'];

New usage:

this.$store.getModule('messages').getSnackbar

• mapActions().checkAuth() changed as await this.$store.getModule("auth").checkAuth();
• SheetInput.vue component mapActions().checkAuth() changed as await this.$store.getModule("auth").checkAuth();
• components/layouts/Admin.vue
• components/layout/AppBar.vue
• components/layout/Footer.vue
• admin/components/ui/buttons/DeleteButton.vue
• components/NoExitWithoutSaveModal.vue

Updated Store Functions:

• mapActions().login() changed as await this.$store.getModule("auth").login()

Old Usage:

 mapActions().login()

New Usage:

this.$store.getModule("auth").login()

• mapActions().checkAuth() changed as await this.$store.getModule("auth").checkAuth()

Old Usage:

mapActions().checkAuth()

New Usage:

this.$store.getModule("auth").checkAuth()

• this.$store.dispatch("auth/logout") changed as this.$store.getModule("auth").logout()

Old Usage:

this.$store.dispatch("auth/logout")

New Usage:

this.$store.getModule("auth").logout()