[LG-3525] Fix create command (#1943)

* tools/create base dir off of scope

* update package & tsconfig templates

* Create giant-ears-dress.md

Author: TheSonOfThomp

.changeset/giant-ears-dress.md

@@ -0,0 +1,6 @@
+---
+'@lg-tools/create': patch
+---
+
+Fixes broken package.json & tsconfig.json templates.
+Default `directory` is now based off `scope` parameter, if provided.

tools/create/src/index.ts

@@ -24,7 +24,7 @@ export function createPackage(name: string, options: CreatePackageOptions) {
 
   const { scopes } = getLGConfig();
   const scope = options.scope ?? Object.keys(scopes)[0];
-  const directory = options.directory ?? Object.values(scopes)[0];
+  const directory = options.directory ?? scopes[scope];
 
   // Construct all required parameters
   const packageNameKebab = kebabCase(name);

tools/create/src/templates/component/package.json.ts

@@ -7,7 +7,9 @@ export const pkgJson = ({
 }: Pick<
   TemplateParameters,
   'scope' | 'packageNameKebab' | 'packageNameTitle'
->) => `  "name": "${scope}/${packageNameKebab}",
+>) => `  
+{
+  "name": "${scope}/${packageNameKebab}",
   "version": "0.1.0",
   "description": "LeafyGreen UI Kit ${packageNameTitle}",
   "main": "./dist/index.js",
@@ -26,9 +28,6 @@ export const pkgJson = ({
     "@leafygreen-ui/emotion": "^4.0.4",
     "@leafygreen-ui/lib": "^10.4.0"
   },
-  "devDependencies": {
-    "@lg-tools/cli": "^0.0.1"
-  },
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/${packageNameKebab}",
   "repository": {
     "type": "git",
@@ -37,4 +36,5 @@ export const pkgJson = ({
   "bugs": {
     "url": "https://jira.mongodb.org/projects/PD/summary"
   }
-}`;
+}
+`;

tools/create/src/templates/component/tsconfig.json.ts

@@ -22,4 +22,5 @@ export const tsConfig = `{
       "path": "../lib"
     }
   ]
-}`;
+}
+`;