stembrino

{"name":"React","settings":"{\"settings\":\"{\\n    \\\"terminal.integrated.defaultProfile.windows\\\": \\\"Git Bash\\\",\\n    \\\"javascript.suggest.autoImports\\\": true,\\n    \\\"typescript.suggest.autoImports\\\": true,\\n    \\\"editor.fontSize\\\": 14,\\n    \\\"files.eol\\\": \\\"\\\\n\\\",\\n    \\\"workbench.colorTheme\\\": \\\"GitHub Dark Default\\\",\\n    \\\"symbols.hidesExplorerArrows\\\": false,\\n    \\\"turboConsoleLog.logMessagePrefix\\\": \\\"  🚩\\\",\\n    \\\"editor.formatOnSave\\\": true,\\n    \\\"eslint.format.enable\\\": true,\\n    \\\"editor.codeActionsOnSave\\\": {\\n      \\\"source.fixAll.eslint\\\": \\\"explicit\\\"\\n    },\\n}\"}","extensions":"[{\"identifier\":{\"id\":\"bierner.emojisense\",\"uuid\":\"081cd2e9-bc51-4ea3-977e-544bed2e33a8\"},\"displayName\":\":emojisense:\"},{\"identifier\":{\"id\":\"bradlc.vscode-tailwindcss\",\"uuid\":\"4db62a7c-7d70-419c-96d2-6c3a4dc77ea5\"},\"displayName\":\"Tailwind CSS IntelliSense\"},{\"identifier\":{\"id\":\"chakrounanas.turbo-consol

stembrino

{
  "workbench.startupEditor": "newUntitledFile",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.8,
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.rulers": [80, 120],
  "extensions.ignoreRecommendations": true,
  "typescript.tsserver.log": "off",
  "files.associations": {

stembrino

name: Test and Coverage

on:
  pull_request:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest

stembrino

stembrino

author: Fabio R de Carvalho

Vuex & vuex-module-decorators

The problem

How to proper use the stores in Vuex/vuex-module-decorator 🤯

Rules 👩‍⚖️

stembrino

:root {
  --icon-size: 50px;
}

.icon {
  display: block;
  margin-bottom: 10px;
  height: var(--icon-size);
  width: var(--icon-size);
  border-radius: 10000px;