feat: nuxt init

docs/components/content/GridPattern.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+defineProps<{
+  width: string
+  height: string
+  x: number
+  y: number
+  squares: boolean
+}>()
+</script>
+
+<template>
+  <svg aria-hidden="true" v-bind="$attrs">
+    <defs>
+      <pattern
+        :id="patternId"
+        :width="width"
+        :height="height"
+        patternUnits="userSpaceOnUse"
+        :x="x"
+        :y="y"
+      >
+        <path :d="`M.5 ${height}V.5H${width}`" fill="none" />
+      </pattern>
+    </defs>
+    <rect
+      width="100%"
+      height="100%"
+      :stroke-width="0"
+      :fill="`url(#${patternId})`"
+    />
+    <svg v-if="squares" :x="x" :y="y" class="overflow-visible">
+      <rect
+        v-for="square in squares"
+        :key="`${square[0]}-${square[1]}`"
+        width="width + 1"
+        height="height + 1"
+        :x="square[0] * width"
+        :y="square[1] * height"
+      />
+    </svg>
+  </svg>
+</template>

docs/content/index.md

@@ -12,7 +12,7 @@ typeahead select. They're a staple on the web, and they're notoriously tough to
 :::
 
 Vue Select provides a default template that fits most use cases. The component is designed
-to be as lightweight as possible, while maintaining high standards for accessibility, developer
+to be as lightweight as possible,while maintaining high standards for accessibility, developer
 experience, and customization.
 
 :::quick-links
@@ -21,8 +21,8 @@ experience, and customization.
 Step-by-step instructions to install Vue Select in your project. Couple lines and you're done!
 
 #icon
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-<path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" />
+<svg data-name="arrow-down-tray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+<path fill-rule="evenodd" d="M12 2.25a.75.75 0 01.75.75v11.69l3.22-3.22a.75.75 0 111.06 1.06l-4.5 4.5a.75.75 0 01-1.06 0l-4.5-4.5a.75.75 0 111.06-1.06l3.22 3.22V3a.75.75 0 01.75-.75zm-9 13.5a.75.75 0 01.75.75v2.25a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5V16.5a.75.75 0 011.5 0v2.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V16.5a.75.75 0 01.75-.75z" clip-rule="evenodd" />
 </svg>
 :::