@nx/nuxt 19.5.7 → 19.6.0-beta.1

package/src/generators/application/files/{src → nx-welcome/not-configured/src}/components/NxWelcome.vue__tmpl__

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 defineProps<{
-  title: string;
-}>();
+  title: string
+}>()
 </script>
 
 <template>
@@ -41,14 +41,13 @@ defineProps<{
             viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <path
-              d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z"
-            />
+            <path d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z" />
           </svg>
         </div>
       </div>
 
       <div id="middle-content">
+      <div id="middle-left-content">
         <div id="learning-materials" class="rounded shadow">
           <h2>Learning materials</h2>
           <a
@@ -138,9 +137,7 @@ defineProps<{
               xmlns="http://www.w3.org/2000/svg"
             >
               <title>YouTube</title>
-              <path
-                d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-              />
+              <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
             </svg>
             <span>
               YouTube channel
@@ -161,7 +158,7 @@ defineProps<{
             </svg>
           </a>
           <a
-            href="https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project"
+            href="https://nx.dev/getting-started/tutorials/vue-standalone-tutorial?utm_source=nx-project"
             target="_blank"
             rel="noreferrer"
             class="list-item-link"
@@ -197,51 +194,32 @@ defineProps<{
               />
             </svg>
           </a>
+          </div>
           <a
-            href="https://nxplaybook.com/?utm_source=nx-project"
+            id="nx-repo"
+            class="button-pill rounded shadow"
+            href="https://github.com/nrwl/nx?utm_source=nx-project"
             target="_blank"
             rel="noreferrer"
-            class="list-item-link"
           >
             <svg
-              fill="none"
-              stroke="currentColor"
+              fill="currentColor"
+              role="img"
               viewBox="0 0 24 24"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <path d="M12 14l9-5-9-5-9 5 9 5z" />
-              <path
-                d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"
-              />
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
-              />
+              <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
             </svg>
             <span>
-              Video courses
-              <span> Nx custom courses </span>
+              Nx is open source
+              <span> Love Nx? Give us a star! </span>
             </span>
-            <svg
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M9 5l7 7-7 7"
-              />
-            </svg>
           </a>
         </div>
         <div id="other-links">
           <a
-            class="button-pill nx-console rounded shadow"
+            id="nx-console"
+            class="button-pill rounded shadow"
             href="https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console&utm_source=nx-project"
             target="_blank"
             rel="noreferrer"
@@ -253,9 +231,7 @@ defineProps<{
               xmlns="http://www.w3.org/2000/svg"
             >
               <title>Visual Studio Code</title>
-              <path
-                d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z"
-              />
+              <path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z" />
             </svg>
             <span>
               Install Nx Console for VSCode
@@ -263,7 +239,8 @@ defineProps<{
             </span>
           </a>
           <a
-            class="button-pill nx-console-jetbrains rounded shadow"
+            id="nx-console-jetbrains"
+            class="button-pill rounded shadow"
             href="https://plugins.jetbrains.com/plugin/21060-nx-console"
             target="_blank"
             rel="noreferrer"
@@ -325,65 +302,43 @@ defineProps<{
             </p>
             <pre>nx connect</pre>
             <a
-              href="https://nx.app/?utm_source=nx-project"
+              href="https://nx.dev/nx-cloud?utm_source=nx-project"
               target="_blank"
               rel="noreferrer"
             >
               What is Nx Cloud?
             </a>
           </div>
-          <a
-            id="nx-repo"
-            class="button-pill rounded shadow"
-            href="https://github.com/nrwl/nx?utm_source=nx-project"
-            target="_blank"
-            rel="noreferrer"
-          >
-            <svg
-              fill="currentColor"
-              role="img"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-              />
-            </svg>
-            <span>
-              Nx is open source
-              <span> Love Nx? Give us a star! </span>
-            </span>
-          </a>
+
         </div>
       </div>
 
       <div id="commands" class="rounded shadow">
         <h2>Next steps</h2>
         <p>Here are some things you can do with Nx:</p>
-        <details>
-          <summary>
-            <svg
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-              />
-            </svg>
-            Add UI library
-          </summary>
-          <pre>
-            <span># Generate UI lib</span>
-            nx g @nx/vue:lib ui
-            <span># Add a component</span>
-            nx g @nx/vue:component ui/src/lib/button
-          </pre>
-        </details>
+          <details>
+            <summary>
+              <svg
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                />
+              </svg>
+              Build, test and lint your app
+              </summary>
+          <pre><% if(rootProject) {%><span># Build</span>nx build<span># Test</span>nx test
+<span># Lint</span>nx lint
+<span># Run them together!</span>nx run-many -t build test lint <%} else {%> <span># Build</span>nx build {{ title }}<span># Test</span>nx test {{ title }}
+<span># Lint</span>nx lint {{ title }}
+<span># Run them together!</span>nx run-many -p {{ title }} -t build test lint <% } %></pre>
+            </details>
         <details>
           <summary>
             <svg
@@ -401,7 +356,7 @@ defineProps<{
             </svg>
             View project details
           </summary>
-          <pre>nx show project {{ title }} --web</pre>
+          <pre>nx show project {{ title }}</pre>
         </details>
         <details>
           <summary>
@@ -437,16 +392,11 @@ defineProps<{
                 d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
               />
             </svg>
-            Run affected commands
+            Add UI library
           </summary>
-          <pre>
-            <span># see what&apos;s been affected by changes</span>
-            nx affected:graph
-            <span># run tests for current changes</span>
-            nx affected:test
-            <span># run e2e tests for current changes</span>
-            nx affected:e2e
-          </pre>
+          <pre><span># Generate UI lib</span>nx g @nx/vue:lib ui
+<span># Add a component</span>nx g @nx/vue:component ui/src/lib/button
+</pre>
         </details>
       </div>
 
@@ -482,14 +432,14 @@ pre {
   border-radius: 0.25rem;
   color: rgba(229, 231, 235, 1);
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
-  overflow: scroll;
+  'Liberation Mono', 'Courier New', monospace;
+  overflow: auto;
   padding: 0.5rem 0.75rem;
 }
 
 .shadow {
   box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1),
-    0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .rounded {
   border-radius: 1.5rem;
@@ -575,10 +525,15 @@ pre {
 #middle-content {
   align-items: flex-start;
   display: grid;
-  gap: 4rem;
   grid-template-columns: 1fr;
   margin-top: 3.5rem;
 }
+
+#middle-content #middle-left-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
 #learning-materials {
   padding: 2.5rem 2rem;
 }
@@ -597,8 +552,8 @@ pre {
   margin-top: 1rem;
   padding: 1rem;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
   width: 100%;
@@ -607,8 +562,8 @@ pre {
   margin-right: 1rem;
   height: 1.5rem;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
   width: 1.5rem;
@@ -617,10 +572,9 @@ pre {
   flex-grow: 1;
   font-weight: 400;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
 }
 .list-item-link > span > span {
   color: rgba(107, 114, 128, 1);
@@ -630,10 +584,9 @@ pre {
   font-weight: 300;
   line-height: 1rem;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
 }
 .list-item-link svg:last-child {
   height: 1rem;
@@ -644,33 +597,31 @@ pre {
 }
 .list-item-link:hover {
   color: rgba(255, 255, 255, 1);
-  background-color: hsla(162, 47%, 50%, 1);
-}
-.list-item-link:hover > span {
+  background-color: hsla(162, 55%, 33%, 1);
 }
+
 .list-item-link:hover > span > span {
   color: rgba(243, 244, 246, 1);
 }
 .list-item-link:hover svg:last-child {
   transform: translateX(0.25rem);
 }
-#other-links {
-}
+
 .button-pill {
   padding: 1.5rem 2rem;
   margin-bottom: 2rem;
   transition-duration: 300ms;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   align-items: center;
   display: flex;
 }
 .button-pill svg {
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
   flex-shrink: 0;
@@ -694,19 +645,19 @@ pre {
 .button-pill:hover {
   color: rgba(255, 255, 255, 1) !important;
 }
-.nx-console:hover {
+#nx-console:hover {
   background-color: rgba(0, 122, 204, 1);
 }
-.nx-console svg {
+#nx-console svg {
   color: rgba(0, 122, 204, 1);
 }
-.nx-console-jetbrains {
+#nx-console-jetbrains {
       margin-top: 2rem;
     }
-.nx-console-jetbrains:hover {
+#nx-console-jetbrains:hover {
   background-color: rgba(255, 49, 140, 1);
 }
-.nx-console-jetbrains svg {
+#nx-console-jetbrains svg {
   color: rgba(255, 49, 140, 1);
 }
 #nx-repo:hover {
@@ -801,8 +752,8 @@ summary {
   padding: 0.5rem;
   cursor: pointer;
   transition-property: background-color, border-color, color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter,
-    -webkit-backdrop-filter;
+  opacity, box-shadow, transform, filter, backdrop-filter,
+  -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -838,6 +789,7 @@ summary svg {
   }
   #middle-content {
     grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 4rem;
   }
 }
 </style>