保存

src/ui/desktop-container/DesktopContainer.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="desktop-icons-container" :style="gridStyle">
+    <AppIcon
+      v-for="(appIcon, i) in appIconsRef"
+      :key="i"
+      :iconInfo="appIcon"
+      :gridTemplate="gridTemplate"
+      @dblclick="runApp(appIcon)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import AppIcon from '@/ui/desktop-container/AppIcon.vue'
+import type { IDesktopAppIcon } from '@/ui/types/IDesktopAppIcon.ts'
+import { useDesktopContainerInit } from '@/ui/desktop-container/useDesktopContainerInit.ts'
+
+const { appIconsRef, gridStyle, gridTemplate } = useDesktopContainerInit('.desktop-icons-container')
+
+const runApp = (appIcon: IDesktopAppIcon) => {}
+</script>
+
+<style scoped></style>