foreign no required

.vscode/PythonImportHelper-v2-Completion.json

@@ -1040,7 +1040,7 @@
         "kind": 6,
         "importPath": "back.object.models",
         "description": "back.object.models",
-        "peekOfCode": "class Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)\n    description = models.TextField()\n    def __str__(self):\n        return self.name\nclass ClickableArea(models.Model):\n    name = models.CharField(max_length=255)\n    description = models.TextField()",
+        "peekOfCode": "class Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, blank=True, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)\n    description = models.TextField()\n    def __str__(self):\n        return self.name\nclass ClickableArea(models.Model):\n    name = models.CharField(max_length=255)\n    description = models.TextField()",
         "detail": "back.object.models",
         "documentation": {}
     },
@@ -1058,7 +1058,7 @@
         "kind": 2,
         "importPath": "back.object.models",
         "description": "back.object.models",
-        "peekOfCode": "def group_based_upload_to(instance, filename):\n    logger.info(instance)\n    return \"files/image/{}/{}/{}\".format(\n        type(instance).__name__.lower(), instance.id, filename\n    )\nclass Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)\n    description = models.TextField()",
+        "peekOfCode": "def group_based_upload_to(instance, filename):\n    logger.info(instance)\n    return \"files/image/{}/{}/{}\".format(\n        type(instance).__name__.lower(), instance.id, filename\n    )\nclass Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, blank=True, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)\n    description = models.TextField()",
         "detail": "back.object.models",
         "documentation": {}
     },
@@ -1067,7 +1067,7 @@
         "kind": 5,
         "importPath": "back.object.models",
         "description": "back.object.models",
-        "peekOfCode": "logger = logging.getLogger(\"root\")\ndef group_based_upload_to(instance, filename):\n    logger.info(instance)\n    return \"files/image/{}/{}/{}\".format(\n        type(instance).__name__.lower(), instance.id, filename\n    )\nclass Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)",
+        "peekOfCode": "logger = logging.getLogger(\"root\")\ndef group_based_upload_to(instance, filename):\n    logger.info(instance)\n    return \"files/image/{}/{}/{}\".format(\n        type(instance).__name__.lower(), instance.id, filename\n    )\nclass Element3D(models.Model):\n    parent = models.ForeignKey(\"self\", on_delete=models.PROTECT, blank=True, null=True)\n    model_file = models.FileField(upload_to=group_based_upload_to)\n    name = models.CharField(max_length=255)",
         "detail": "back.object.models",
         "documentation": {}
     },

back/object/models.py

@@ -12,7 +12,7 @@ def group_based_upload_to(instance, filename):
 
 
 class Element3D(models.Model):
-    parent = models.ForeignKey("self", on_delete=models.PROTECT, null=True)
+    parent = models.ForeignKey("self", on_delete=models.PROTECT, blank=True, null=True)
     model_file = models.FileField(upload_to=group_based_upload_to)
     name = models.CharField(max_length=255)
     description = models.TextField()

front/src/components/Promo/main.vue

@@ -33,12 +33,12 @@ const { hasFinishLoading, progress } = await useProgress()
 
 const point_light = reactive({
     intensity: 10000,
-    position: new Vector3(-100,5,5),
+    position: new Vector3(-100, 5, 5),
 })
 const loadModels = async () => {
-    
+    const res = await fetch(`${SERVER_URL}/api/front_img/`)
 }
-onMounted(()=>{
+onMounted(() => {
     loadModels()
 })
 </script>