How do I upload files to Firebase Storage using Vue 3?

How do I upload files to Firebase Storage using Vue 3?

To upload files to Firebase Storage in Vue 3, you can use the Firebase SDK. First, ensure you have Firebase set up in your project.

What are the steps to set up Firebase in my Vue 3 project?

You need to install Firebase via npm, initialize it in your project, and configure your Firebase storage settings.

Can you show me a code example for uploading a file?

Sure! Here's a simple example:

import { ref } from 'vue';
import { getStorage, ref as storageRef, uploadBytes } from 'firebase/storage';

const storage = getStorage();
const fileRef = storageRef(storage, 'your-file-path');

const uploadFile = async (file) => {
  await uploadBytes(fileRef, file);
  console.log('File uploaded successfully!');
};

This code uploads a file to Firebase Storage.