chore: cleanup

selemondev · Mar 11, 2024 · 0d0f6f3 · 0d0f6f3
1 parent d515ec9
commit 0d0f6f3
Show file tree

Hide file tree

Showing 26 changed files with 121 additions and 749 deletions.
diff --git a/template/vue-js/src/App.ejs b/template/vue-js/src/App.ejs
@@ -31,100 +31,4 @@
                 <% if (useTanStackVueQuery) { -%>
                   <VueQueryDevtools />
                   <% } -%>
-        </template>
-
-        <style>
-          #app {
-            max-width: 1280px;
-            margin: 0 auto;
-            padding: 2rem;
-
-            font-weight: normal;
-          }
-
-          header {
-            line-height: 1.5;
-            max-height: 100vh;
-          }
-
-          .logo {
-            display: block;
-            margin: 0 auto 2rem;
-          }
-
-          a,
-          .green {
-            text-decoration: none;
-            color: hsla(160, 100%, 37%, 1);
-            transition: 0.4s;
-          }
-
-          @media (hover: hover) {
-            /* a:hover {
-      background-color: hsla(160, 100%, 37%, 0.2);
-    } */
-          }
-
-          nav {
-            width: 100%;
-            font-size: 12px;
-            text-align: center;
-            margin-top: 2rem;
-          }
-
-          nav a.router-link-exact-active {
-            color: var(--color-text);
-          }
-
-          nav a.router-link-exact-active:hover {
-            background-color: transparent;
-          }
-
-          nav a {
-            display: inline-block;
-            padding: 0 1rem;
-            border-left: 1px solid var(--color-border);
-          }
-
-          nav a:first-of-type {
-            border: 0;
-          }
-
-          @media (min-width: 1024px) {
-            body {
-              display: flex;
-              place-items: center;
-            }
-
-            #app {
-              display: grid;
-              grid-template-columns: 1fr 1fr;
-              padding: 0 2rem;
-            }
-
-            header {
-              display: flex;
-              place-items: center;
-              padding-right: calc(var(--section-gap) / 2);
-            }
-
-            header .wrapper {
-              display: flex;
-              place-items: flex-start;
-              flex-wrap: wrap;
-            }
-
-            .logo {
-              margin: 0 2rem 0 0;
-            }
-
-            nav {
-              text-align: left;
-              margin-left: -1rem;
-              font-size: 1rem;
-
-              padding: 1rem 0;
-              margin-top: 1rem;
-            }
-          }
-        </style>
+        </template>
diff --git a/template/vue-js/src/assets/css/tailwind.css b/template/vue-js/src/assets/css/tailwind.css
@@ -1,3 +1,34 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+:root {
+    --foreground-rgb: 0, 0, 0;
+    --background-start-rgb: 214, 219, 220;
+    --background-end-rgb: 255, 255, 255;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --foreground-rgb: 255, 255, 255;
+      --background-start-rgb: 0, 0, 0;
+      --background-end-rgb: 0, 0, 0;
+    }
+  }
+
+  body {
+    color: rgb(var(--foreground-rgb));
+    background: linear-gradient(
+        to bottom,
+        transparent,
+        rgb(var(--background-end-rgb))
+      )
+      rgb(var(--background-start-rgb));
+  }
+
+  @layer utilities {
+    .text-balance {
+      text-wrap: balance;
+    }
+  }
+
diff --git a/template/vue-js/src/components/HelloWorld.vue b/template/vue-js/src/components/HelloWorld.vue
diff --git a/template/vue-js/src/components/TheWelcome.vue b/template/vue-js/src/components/TheWelcome.vue
@@ -1,88 +1,9 @@
-<script setup>
-import WelcomeItem from './WelcomeItem.vue'
-import DocumentationIcon from './icons/IconDocumentation.vue'
-import ToolingIcon from './icons/IconTooling.vue'
-import EcosystemIcon from './icons/IconEcosystem.vue'
-import CommunityIcon from './icons/IconCommunity.vue'
-import SupportIcon from './icons/IconSupport.vue'
+<script setup lang='ts'>
+  
 </script>
 
 <template>
-  <WelcomeItem>
-    <template #icon>
-      <DocumentationIcon />
-    </template>
-    <template #heading>Documentation</template>
-
-    Vue’s
-    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
-    provides you with all information you need to get started.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <ToolingIcon />
-    </template>
-    <template #heading>Tooling</template>
-
-    This project is served and bundled with
-    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
-    recommended IDE setup is
-    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
-    you need to test your components and web pages, check out
-    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
-    <a href="https://on.cypress.io/component" target="_blank" rel="noopener"
-      >Cypress Component Testing</a
-    >.
-
-    <br />
-
-    More instructions are available in <code>README.md</code>.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <EcosystemIcon />
-    </template>
-    <template #heading>Ecosystem</template>
-
-    Get official tools and libraries for your project:
-    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
-    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
-    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
-    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
-    you need more resources, we suggest paying
-    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
-    a visit.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <CommunityIcon />
-    </template>
-    <template #heading>Community</template>
-
-    Got stuck? Ask your question on
-    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
-    Discord server, or
-    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
-      >StackOverflow</a
-    >. You should also subscribe to
-    <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
-    the official
-    <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
-    twitter account for latest news in the Vue world.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <SupportIcon />
-    </template>
-    <template #heading>Support Vue</template>
-
-    As an independent project, Vue relies on community backing for its sustainability. You can help
-    us by
-    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
-  </WelcomeItem>
-</template>
+  <div>
+    Welcome
+  </div>
+</template>
diff --git a/template/vue-js/src/components/WelcomeItem.vue b/template/vue-js/src/components/WelcomeItem.vue
diff --git a/template/vue-js/src/components/__tests__/HelloWorld.spec.js b/template/vue-js/src/components/__tests__/HelloWorld.spec.js
diff --git a/template/vue-js/src/components/__tests__/TheWelcome.spec.js b/template/vue-js/src/components/__tests__/TheWelcome.spec.js
@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import TheWelcome from '../TheWelcome.vue'
+
+describe('TheWelcome', () => {
+  it('renders properly', () => {
+    const wrapper = mount(TheWelcome)
+    expect(wrapper.text()).toContain('Welcome')
+  })
+})