title: VSCode /w. Prettier in TypeScript Monorepo
body: <p>I am currently using Prettier via VSCode Extension in a Monorepo Setup. The Problem is that Prettier does not fully work in my <code>api</code> folder. It does not respect the default line width and semicolons dont get automatically apended. Weirdly my <code>www</code> folder is working as usual and I dont have any missing Prettier feature.</p>
  
  <p>Prettier config is set global via "<em>User Settings</em>" in VSCode.</p>
  
  <ul>
  <li><code>www</code> - NextJS</li>
  <li><code>api</code> - Apollo Server</li>
  </ul>
  
  <pre><code>|--- api
      |--- package.json
      |--- tsconfig.json 
      |--- server.ts
  |--- www
      |--- pages
           |--- index.tsx
      |--- package.json
      |--- tsconfig.json 
  </code></pre>
  
  <p><strong>www / tsconfig.json</strong></p>
  
  <pre><code>{
    "compilerOptions": {
      "target": "es5",
      "lib": ["dom", "dom.iterable", "esnext"],
      "allowJs": true,
      "skipLibCheck": true,
      "strict": true,
      "allowSyntheticDefaultImports": true,
      "forceConsistentCasingInFileNames": true,
      "noUnusedLocals": true,
      "noEmit": true,
      "esModuleInterop": true,
      "module": "esnext",
      "moduleResolution": "node",
      "resolveJsonModule": true,
      "isolatedModules": true,
      "jsx": "preserve"
    }
  }
  </code></pre>
  
  <p><strong>api / tsconfig.json</strong></p>
  
  <pre><code>{
    "compilerOptions": {
      "module": "commonjs",
      "esModuleInterop": true,
      "allowSyntheticDefaultImports": true,
      "target": "es6",
      "moduleResolution": "node",
      "sourceMap": true,
      "outDir": "dist",
      "baseUrl": ".",
      "paths": {
        "*": ["node_modules/*", "src/types/*"]
      }
    }
  }
  </code></pre>