fix: [Advice needed] Errors and remove unused code of docs and blog

[PatrykKuniczak]

Overview

1. Removed unused code
2. Add missing types and removed unnecessary
3. Removed duplicated CSS props
4. Make real const UPPER_CASE
5. Resolve conflict of vitepress vite version and version on our project (Add @ts-expect-error, for permanent solution, we need to wait till vitepress v2.0 will be released, that's bizzare, all of those changes are in alpha stage for a year)
6. I've wanted to declare breakpoints vals as vars in :root and use it inside @media but it isn't possible in native CSS and possible solutions isn't good enough, and i need to give up with this idea, only good solution IMHO is to use Tailwindcss to achive this in good quality :)

Manual Testing

Let's check if blog works well :)

[netlify]

✅ Deploy Preview for creative-fairy-df92c4 ready!

Name	Link
🔨 Latest commit	3fed7f3
🔍 Latest deploy log	https://app.netlify.com/projects/creative-fairy-df92c4/deploys/69889e1c7a7dc700082a90bd
😎 Deploy Preview	https://deploy-preview-2014--creative-fairy-df92c4.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[PatrykKuniczak]

@aklinker1 I want to configure Stylelint(maybe on seperate PR and then rebase here) for prettify CSS of Vue components, but i don't know how to integrate it with check lib, are you able to help me, here or on Discord DM(I've sent it :))

Second approach could be to use plugin for prettier, but stylelint works like eslint + prettier for CSS and IMHO it could be better for that case.

[pkg-pr-new]

Open in StackBlitz

@wxt-dev/analytics

npm i https://pkg.pr.new/@wxt-dev/analytics@2014

@wxt-dev/auto-icons

npm i https://pkg.pr.new/@wxt-dev/auto-icons@2014

@wxt-dev/browser

npm i https://pkg.pr.new/@wxt-dev/browser@2014

@wxt-dev/i18n

npm i https://pkg.pr.new/@wxt-dev/i18n@2014

@wxt-dev/module-react

npm i https://pkg.pr.new/@wxt-dev/module-react@2014

@wxt-dev/module-solid

npm i https://pkg.pr.new/@wxt-dev/module-solid@2014

@wxt-dev/module-svelte

npm i https://pkg.pr.new/@wxt-dev/module-svelte@2014

@wxt-dev/module-vue

npm i https://pkg.pr.new/@wxt-dev/module-vue@2014

@wxt-dev/runner

npm i https://pkg.pr.new/@wxt-dev/runner@2014

@wxt-dev/storage

npm i https://pkg.pr.new/@wxt-dev/storage@2014

@wxt-dev/unocss

npm i https://pkg.pr.new/@wxt-dev/unocss@2014

@wxt-dev/webextension-polyfill

npm i https://pkg.pr.new/@wxt-dev/webextension-polyfill@2014

wxt

npm i https://pkg.pr.new/wxt@2014

commit: 3fed7f3

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 76.09%. Comparing base (1fe0730) to head (3fed7f3).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2014      +/-   ##
==========================================
+ Coverage   76.03%   76.09%   +0.06%     
==========================================
  Files         113      113              
  Lines        3050     3050              
  Branches      686      686              
==========================================
+ Hits         2319     2321       +2     
+ Misses        648      645       -3     
- Partials       83       84       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[PatrykKuniczak]

@aklinker1 Also take a look on that one