Add basics section to vue pages

docs/guide/vue/basics/examples/size-icon-css-example/App.vue

@@ -0,0 +1,8 @@
+<script setup>
+import { Beer } from "lucide-vue-next";
+import './icon.css'
+</script>
+
+<template>
+  <Beer class="my-beer-icon" />
+</template>

docs/guide/vue/basics/examples/size-icon-css-example/files.ts

@@ -0,0 +1,20 @@
+import App from './App.vue?raw'
+import styles from '../styles.css?raw'
+import IconCss from './icon.css?raw'
+
+const files = {
+  'src/icon.css': {
+    code: IconCss,
+    readOnly: false,
+    active: true,
+  },
+  'src/App.vue': {
+    code: App,
+  },
+  'src/styles.css': {
+    code: styles,
+    hidden: true
+  },
+}
+
+export default files

docs/guide/vue/basics/examples/size-icon-css-example/icon.css

@@ -0,0 +1,5 @@
+.my-beer-icon {
+  /* Change this! */
+  width: 64px;
+  height: 64px;
+}