![](\"logo.png\")
\n \n
loading...
\nYou have {{ projects.length }} projects
\n\n\n\n```\n\n## Stale-if-error\n\nOne of the benefits of a stale content caching strategy is that the cache can be served when requests fail.`swrv` uses a [stale-if-error](https://tools.ietf.org/html/rfc5861#section-4) strategy and will maintain `data` in the cache even if a `useSWRV` fetch returns an `error`.\n\n```vue\n\n\n hello {{ data.name }} of {{ data.birthplace }}. This content will continue\n to appear even if future requests to {{ endpoint }} fail!\n
\n\n\n\n```\n\n## State Management\n\n### useSwrvState\n\nSometimes you might want to know the exact state where swrv is during stale-while-revalidate lifecyle. This is helpful when representing the UI as a function of state. Here is one way to detect state using a user-land composable `useSwrvState` function:\n\n```js\nimport { ref, watchEffect } from 'vue'\n\nconst STATES = {\n VALIDATING: 'VALIDATING',\n PENDING: 'PENDING',\n SUCCESS: 'SUCCESS',\n ERROR: 'ERROR',\n STALE_IF_ERROR: 'STALE_IF_ERROR',\n}\n\nexport default function(data, error, isValidating) {\n const state = ref('idle')\n watchEffect(() => {\n if (data.value && isValidating.value) {\n state.value = STATES.VALIDATING\n return\n }\n if (data.value && error.value) {\n state.value = STATES.STALE_IF_ERROR\n return\n }\n if (data.value === undefined && !error.value) {\n state.value = STATES.PENDING\n return\n }\n if (data.value && !error.value) {\n state.value = STATES.SUCCESS\n return\n }\n if (data.value === undefined && error) {\n state.value = STATES.ERROR\n return\n }\n })\n\n return {\n state,\n STATES,\n }\n}\n```\n\nAnd then in your template you can use it like so:\n\n```vue\n\n![\"\"/](\"https://avatars2.githubusercontent.com/u/5770711?v=4\") Darren Jennings π» π | \n ![\"\"/](\"https://avatars2.githubusercontent.com/u/904724?v=4\") SΓ©bastien Chopin π» π€ | \n ![\"\"/](\"https://avatars0.githubusercontent.com/u/864496?v=4\") Fernando Machuca π¨ | \n ![\"\"/](\"https://avatars0.githubusercontent.com/u/14985020?v=4\") ZEIT π€ | \n ![\"\"/](\"https://avatars.githubusercontent.com/u/2229946?v=4\") Adam DeHaven π» π π§ | \n