1.0.0 • Published 11 months ago

@musasutisna/vue-axios v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

VueAxios is based on Vue 3 with composition style codes and compatible with axios library version 1.75

Getting started

Lets install vue-axios with npm

npm install --save @musasutisna/vue-axios

Libraries

  • Axios, manage Axios configurations efficiently.
MethodTypeDescription
apiGETasyncSends a GET request.
apiPOSTasyncSends a POST request.
apiPUTasyncSends a PUT request.
apiDELETEasyncSends a DELETE request.
const config = axios.create({
  baseURL: 'http://baseurl',
  headers: {
    'Authorization': `Bearer token`
  }
})

const myAPI Axios(config)

Stores

  • Message, managing messages process and result from requests.
PropertyTypeDescription
loadingObjectA collection of loading messages.
loading[].displayBooleanIndicates whether the loading message is displayed.
loading[].textStringThe text of the loading message.
loading[].iconStringA unique icon for the loading message.
loading[].prefixStringPrefix text for the loading message.
loading[].suffixStringSuffix text for the loading message.
warningObjectA collection of warning messages.
warning[].displayBooleanIndicates whether the warning message is displayed.
warning[].textStringThe text of the warning message.
warning[].iconStringA unique icon for the warning message.
warning[].prefixStringPrefix text for the warning message.
warning[].suffixStringSuffix text for the warning message.
MethodTypeDescription
toToggleLoadingfunctionToggles the display of loading messages or adds a new one.
toToggleWarningfunctionToggles the display of warning messages or adds a new one.
// add a new loading message
message.toToggleLoading(
  '/id',
  { text: 'this a text loading' }
)

// to hide loading message has been added
message.toToggleLoading(
  '/id',
  { display: false }
)

// add a new warning message
message.toToggleWarning(
  '/id',
  { text: 'this a text warning' }
)

// to hide warning message has been added
message.toToggleWarning(
  '/id',
  { display: false }
)
1.0.0

11 months ago