4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
27 lines
865 B
TypeScript
27 lines
865 B
TypeScript
import { useRouter } from "next/router";
|
|
|
|
export const CacheStrategySelector = () => {
|
|
const router = useRouter();
|
|
const { asPath, route } = router;
|
|
const value = asPath.split("/")[2];
|
|
|
|
return (
|
|
<div className="cache-option-toggler">
|
|
<h4>Cache option</h4>
|
|
<select
|
|
name="cache-option"
|
|
onChange={(event) => {
|
|
const newValue = event.currentTarget.value;
|
|
const newRoute = route.replace("[cacheStrategy]", newValue);
|
|
router.push(newRoute, undefined, { scroll: false });
|
|
}}
|
|
value={value}
|
|
>
|
|
<option value="no-cache">Without cache</option>
|
|
<option value="memory-cache">Memory Cache</option>
|
|
<option value="session-storage-cache">Session Storage Cache</option>
|
|
<option value="ls-cache">Local Storage Cache</option>
|
|
</select>
|
|
</div>
|
|
);
|
|
};
|