Make local user settings

Ouverte
#15 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
30/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
typescript

Piste de recherche

Aucun fichier ni test n’est nommé. Commencez par localiser les contrôles existants du mode sombre/clair et de la minimap, puis identifiez le point d’entrée du playground pour ajouter une icône d’engrenage et une page de paramètres ; le travail est terminé lorsque les préférences listées peuvent être modifiées et persistent localement, notamment la taille de police, la police de programmation, le thème, la visibilité de la minimap et la vue par défaut.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

good first issue

I'm among those people that prefer larger coding fonts but that would feel selfish to impose that to every user as I feel like this is not so common.

What I'd like to see is a gear icon somewhere that would introduce a setting page that would be store locally (either via localstorage or indexdb with idb-keyval for example).

I'm sure this feature could also introduce a lot more personalisation without going full crazy and produce a poor man version of codesandbox.

Here are a couple of things that I have in mind as I write this:

  • font size
  • coding font
  • dark/light mode (already exists, just need to move the location)
  • minimap or not (easily switchable today)
  • default vue (code or output), I know some people like Ryan tends to look a lot at the output tab rather than the iframe.
Langage dominant
TypeScript
Étoiles
246
Forks
71
Merge moyen
5 min
PR mergées (30 j)
6

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de solidjs/solid-playground

Toutes les issues de solidjs/solid-playground

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.